Jquery 页面初始化惯用的三种方法以及Jquery 发送ajax 请求

Jquery 页面初始化常用的三种方法以及Jquery 发送ajax 请求

第一种

$(document).ready(function(){

//文档就绪事件  

});

第二种是第一种的简略写法，效果上和第一种是等效的。

$(function(){

//文档加载事件，整个文档加载完成后执行。就仅仅只需要加载所有的DOM结构，在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。 

});

第三种

jQuery(function($){

});

 

window.onload=function(){

 //onload事件是js 中的代码 onload 事件发生在读取HTML,内存中生成DOM 树，渲染页面这三件事情完成后，才发生onload 事件。整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成，而且要求所有的外部图片和资源全部加载完成。更不幸的是，如果外部资源，例如图片需要很长时间来加载，那么这个js效果就会让用户感觉失效了。 

}

 

简化写法window.onload没有简化写法$(document).ready(function(){})可以简写成$(function(){});

$ 符号是来自 JS 库常用的 " selector " 意思例如 JQuery 里$ 就是 Selector 的缩写函数例子 $(this)就是 " 选择现在这个 " 的意思。

$.ajax({

     url:"请求地址",

    type:"请求方式",

    data:"请求参数"，

   dataType:"服务器返回数据类型"，

   success:"服务器处理正常后对应的回调函数"，

   error:“服务器出错对应的回调函数”

});

 

今天  看到这段代码 var url = $("#id").attr("menu-url");  我一直以为是给节点增加属性的，看了很长的时间都没有弄明白。原来一直是自己理解错误。attr如果里面传2个参数，则是给节点增加属性，如果只是有一个参数，就是获取节点的内容。还是自己一开始就没有理解正确。以后一定要多多思考，不要想当然。