4 - jQuery AJAX

概念：

AJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新

AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）

---

jQuery load() 方法: （该方法是简单但强大的 AJAX 方法）

$(selector).load(URL,data,callback);

第一个参数： 必需的URL参数规定您希望加载的 URL

第二个参数： 可选的data参数规定与请求一同发送的查询字符串键/值对集合

第三个参数： 可选的callback参数是 load() 方法完成后所执行的函数名称

*可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数

---> responseTxt    包含调用成功时的结果内容

---> statusTXT       包含调用的状态

---> xhr                  包含 XMLHttpRequest 对象

例子：

-------------------示例文件（"demo.txt"）的内容---------------

<h1>学好jQuery，娶得大美女</h1>

<p id="p1">段落文本生个小女孩</p>

---------------------------HTML代码------------------------------

<div id="div1"><h1>使用 jQuery AJAX 修改文本</h1></div>

---------------------------jQuery代码------------------------------

//获取deme里面的内容

$("button").click(function() {

$("#div1").load("/ys/demo.txt");

});

//获取demo里元素id="p1"的内容

$("button").click(function(){

$("#div1").load("/ys/demo.txt #p1");

});

//加载完成后的回调

$("button").click(function(){

$("#div1").load("/ys/demo.txt",function(responseTxt,statusTxt,xhr){

if(statusTxt=="success")

alert("外部内容加载成功!");

if(statusTxt=="error")

alert("Error: "+xhr.status+": "+xhr.statusText);

});

});