jQuery使用ajax

1.ajax(url,options)——jquery底层ajax实现

　　

 $('p').click(function () {
        $.ajax(/*'123.php',*/{
            url:'ajax.php',//请求地址，如果前面的url参数设置了，这里的url无效
            //async:true,//默认为true所有的ajax请求都默认为异步，false则为同步，会造成阻塞
            type:'post',//请求类型
            data:{name:'lj'},//发送到服务器的数据
            dataType:'text',//返回类型 text,json,xml,jsonp,
            //content-type 默认为application/x-www-form-urlencoded，所以post传数据不必设置
            success:function (result) {//回调函数，回调函数有很多种，常用的success就够了，成功响应才会触发 参数result表示返回的数据
                $('p').html(result);
            }
        });
    });

　 ajax的回调函数补充：

  　  1.beforeSend 在发送请求之前调用，并且传入一个XMLHttpRequest作为参数。
　　 2.error 在请求出错时调用。传入XMLHttpRequest对象，描述错误类型的字符串以及一个异常对象（如果有的话）
　　 3.dataFilter 在请求成功之后调用。传入返回的数据以及"dataType"参数的值。并且必须返回新的数据（可能是处理过的）传递给success回调函数。
　　 4.success 当请求之后调用。传入返回后的数据，以及包含成功代码的字符串。
　　 5.complete 当请求完成之后调用这个函数，无论成功或失败。传入XMLHttpRequest对象，以及一个包含成功或错误代码的字符串。

2.get(url,data,callback,type)——通过远程 HTTP GET 请求载入信息。

　　url:发送请求地址。
　　data:待发送 Key/value 参数。
　　callback:发送成功时回调函数。
　　type:返回内容格式，xml, html, script, json, text, _default。

　　

    $('button').click(function () {
        var data={name:'AutoCode'};
        $.get(
            'ajax.php',//url
            data,//数据
            function (result) { //success 执行的函数
                $('p').html(result);
            },
            'text'//返回类型
        );
    });

3.post(url,data,callback,type)——通过远程 HTTP POST 请求载入信息。操作和get一样

4.load(url,data,callback)——载入远程 HTML 文件代码并插入至 DOM 中。

　　url:待装入 HTML 网页网址。
　　data:发送至服务器的 key/value 数据。在jQuery 1.3中也可以接受一个字符串了("key=value")。如果data为字符串，会自动拼接在url后面。
　　callback：载入成功时的回调函数