Ajax基础学习笔记三—jQuery实现Ajax

1、  jQuery对Ajax操作进行封装：

          最底层采用的方法是：$.ajax();

          第二层是load(),$.get(),$.post();

          第三次是$.getScript()和$.getJSON().

2、  load()方法的应用举例

$(function(){
$("a").click(function(){
           //使用load()处理Ajax
           var url = this.href;
           var args = {"time" : newDate()};
           $("#content").load(url,args);
           return false;
});
});

3、  load()方法能载入远程的HTML代码并插入到DOM中，结构形式如下：

          load(url,data,callback)

          其中data和callback可以省略不写，即为：load(url)

          data是发送到服务器的key/value数据，采用的是json格式。

          同时，如果load()没有data则采用GET请求，否则采用的是POST请求。

4、$.get()和$.post()方法

          使用格式：

          $.get(url,data,callback);说明：url为请求地址，data为请求数据的列表，callback为请求成功后的回调函数，该函数接受两个参数，第一个为服务器返回的数据，第二个参数为服务器的状态，是可选参数。data和callback可以不写。

          而其中，服务器返回数据的格式其实是字符串形势，并不是我们想要的json数据格式。

          $.post(url,data,callback,type);说明：这个函数跟$.get()参数差不多，多了一个type参数，type为请求的数据类型，可以是html,xml,json等类型，如果我们设置这个参数为：json，那么返回的格式则是json格式的，如果没有设置，就和$.get()返回的格式一样，都是字符串。

5、$.ajax(option)

          这个函数的功能比较强大，可以对Ajax进行许多精确的控制，例如：

$.ajax({
url:"ajax/ajax_selectPicType.aspx",
data:{Full:"full"},
type: "POST",
dataType:'json',
success:CallBack,
error:function(er){
BackErr(er);}
});

6、$.getJSON(url,data,callback)

          采用的数据类型为json，因此在调用时需要使用jsonData.id方式（jsonData的属性）

          JSON是一种理想的数据传输格式，它能够很好的融合与JavaScript或其他宿主语 言，并且可以被JS直接使用。使用JSON相比传统的通过 GET、POST直接发送”裸体”数据，在结构上更为合理，也更为安全。至于jQuery的getJSON()函数，只是设置了JSON参数的 ajax()函数的一个简化版本。这个函数也是可以跨域使用的，相比get()、post()有一定优势。另外这个函数可以通过把请求url写 成”myurl?callback=X”这种格式，让程序执行回调函数X。