最新的Web开发教程
 

jQuery - AJAX load() Method


jQuery的load()方法

jQuery的load()方法是一种简单,但功能强大的AJAX方法。

load()从服务器方法负荷数据,并把该返回的数据到所选择的元件。

句法:

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

所需的URL参数指定要加载的URL。

可选的数据参数指定了一组querystring键/值对与请求一起发送。

可选的回调参数是之后要执行的功能的名称load()完成方法。

下面是我们的示例文件的内容: "demo_test.txt"

<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>

下面的例子加载文件的内容"demo_test.txt"到一个特定<div>元素:

$("#div1").load("demo_test.txt");
试一试»

另外,也可以对一个jQuery选择添加到URL参数。

下面的示例加载与元素的内容id="p1"里面的文件"demo_test.txt"到特定<div>元素:

$("#div1").load("demo_test.txt #p1");
试一试»

可选的回调参数指定一个回调函数时运行load()完成方法。 回调函数可以有不同的参数:

  • responseTxt -包含得到的内容,如果调用成功
  • statusTxt -包含该呼叫的状态
  • xhr -包含XMLHttpRequest对象

下面的例子后会显示一个警告框load()方法完成。 如果load()方法成功,则显示"External content loaded successfully!"如果失败就显示错误消息:

$("button").click(function(){
    $("#div1").load("demo_test.txt", function(responseTxt, statusTxt, xhr){
        if(statusTxt == "success")
            alert("External content loaded successfully!");
        if(statusTxt == "error")
            alert("Error: " + xhr.status + ": " + xhr.statusText);
    });
});
试一试»

jQuery的AJAX参考

对于所有的jQuery AJAX方法的完整概述,请访问我们的jQuery AJAX参考