jQuery 理解Ajax操作

jQuery对Ajax操作进行了封装，在jQuery中$.ajax()方法属于最底层的方法，第二层是load()、$.get()、$.post()方法，第三层是$.getScript()和$.getJSON()方法。

$.ajax()方法
它的结构为：$.ajax(options)，该方法只有一个参数，但在这个对象里包含了$.ajax()方法所需的请求设置以及回调函数等信息，参数以key/value的形式存在，左右参数都是可选的。
常用的参数：

var configObj = {
    method : xxx         //数据的提交方式，get和post
    url    : xxx         //数据的提交路径
    async  : xxx         //是否支持异步刷新，默认是true，异步刷新
    data   : xxx         //需要提交的数据
    dataType : xxx       //服务器返回的数据类型，例如：xml、string、json
    success : xxx        //请求成功后的回调函数
    error   : xxx        //请求失败后的回调函数
}
$.ajax(configObj);

实例：

$(function(){
    $('send').click(function(){
        $.ajax({
            type : "GET",
            url : "test.json",
            success : function(data){
                $('#resText').empty();
                var html = '';
                $.each(data,function(commentIndex,comment){
                    html = "<div class='comment'><h6>"+comment['username']+":</h6><p class='para'>"+comment['content']+"</p></div>";
                });
                $('resText').html(html);
            }
        });
    });
});

$.ajax()方法是jQuery最底层的Ajax实现，用它可以代替其他的方法。

load()方法
load()方法能载入远程HTML代码并插入DOM中，语法结构为
load(url,data,callback);
- url，类型String，请求HTML页面的URL地址
- data(可选)，类型Object，发送至服务器的key/value数据
- callback(可选)，类型function，请求完成时的回调函数，无论请求成功还是失败

$.get()方法
$.get()是使用GET方式来进行异步请求的，语法结构为
$.get(url,data,callback,type);
- url，类型String，请求HTML页面的URL地址
- data(可选)，类型Object，发送至服务器的key/value数据
- callback(可选)，类型function，载入成功时的回调函数
- type(可选)，类型String，服务器返回内容的格式，包括xml，html，script，json，text，_default

$.post()方法
$.post()和$.get()一样，这个函数是对post()方法的提交数据进行封装，只能使用在post()提交数据解决异步刷新的方式上，使用方式和$.get() 差不多

$.getScript()方法
$.getScript()方法直接用来加载.js文件，与加载一个HTML片段一样简单方便。

$.getJSON()方法
$.getJSON()方法用于加载JSON文件。