jquery中的jQuery.ajax()函数用法实例详解

jQuery.ajax( [ settings ] ] )

jQuery.ajax( url [, settings ] ] )

<div id="content"></div>

$.ajax({
 url: "jquery_ajax.php"
 , type: "POST"
 , data: "name=codeplayer&age=18"
 , success: function( data, textStatus, jqXHR ){
 // data 是返回的数据
 // textStatus 可能为"success"、"notmodified"等
 // jqXHR 是经过jQuery封装的XMLHttpRequest对象
 alert("返回的数据" + data);
 }
});

$.ajax({
 url: "jquery_ajax.php?page=1&id=3"
 , type: "POST"
 // jQuery会自动将对象数据转换为 "name=codeplayer&age=18&uid=1&uid=2&uid=3"
 , data: { name:"codeplayer", age:18, uid: [1, 2, 3] }
 // 请求成功时执行
 , success: function( data, textStatus, jqXHR ){
 alert("返回的数据" + data);
 }
 // 请求失败时执行
 , error: function(jqXHR, textStatus, errorMsg){
 // jqXHR 是经过jQuery封装的XMLHttpRequest对象
 // textStatus 可能为： null、"timeout"、"error"、"abort"或"parsererror"
 // errorMsg 可能为： "Not Found"、"Internal Server Error"等
 alert("请求失败：" + errorMsg);
 }
});

// 将url单独提取出来作为第一个参数(jQuery 1.5+才支持)
$.ajax("jquery_ajax.php?action=type&id=3", {
 dataType: "json" // 返回JSON格式的数据
 , success: function( data, textStatus, jqXHR ){
 // 假设返回的字符串数据为{ "name": "CodePlayer", age: 20 }
 // jQuery已帮我们将该JSON字符串转换为对应的JS对象，可以直接使用
 alert( data.name ); // CodePlayer
 } 
});

$.ajax( {
 // 注意这里有个参数callback=?
 url: "http://cross-domain/jquery_ajax.php?name=Jim&callback=?&age=21"
 , async: false // 同步请求，发送请求后浏览器将被锁定，只有等到该请求完成(无论成功或失败)后，用户才能操作，js代码才会继续执行
 , dataType: "jsonp" // 返回JSON格式的数据
 , success: function( data, textStatus, jqXHR ){
 // 假设返回的字符串数据为{ "site_name": "CodePlayer", "site_desc": "专注于编程开发技术分享" }
 // jQuery已帮我们将该JSON字符串转换为对应的JS对象，可以直接使用
 alert( data.site_desc ); // 专注于编程开发技术分享
 } 
});

$.ajax( {
 // 加载指定的js文件到当前文档中
 url: "http://code.jquery.com/jquery-1.8.3.min.js"
 , dataType: "script"
});