jQuery - AJAX load() 方法

jQuery load() 方法

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

这个load()方法从服务器加载数据并将返回的数据放入所选元素中。

语法：

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

必需的 URL 参数指定您要加载的 URL。

可选的 data 参数指定一组随请求一起发送的查询字符串键/值对。

可选的回调参数是在调用之后要执行的函数的名称。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 参数。

以下示例将文件 "demo_test.txt" 内 id="p1" 的元素内容加载到特定的<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 参考。