jQuery - AJAX load() 方法
jQuery load() 方法
jQuery 的 load()
方法是一个简单而强大的 AJAX 方法。
load()
方法从服务器加载数据,并将返回的数据放入选定的元素中。
语法
$(selector).load(URL,data,callback);
必需的 URL 参数指定要加载的 URL。
可选的 data 参数指定一组要随请求一起发送的查询字符串键/值对。
可选的 callback 参数是在 load()
方法完成执行后要调用的函数的名称。
这是我们的示例文件:“demo_test.txt”的内容:
<h2>jQuery 和 AJAX 很棒!!!</h2>
<p id="p1">这是段落中的一些文本。</p>
下面的示例将文件“demo_test.txt”的内容加载到特定的 <div>
元素中
也可以在 URL 参数中添加 jQuery 选择器。
下面的示例将文件“demo_test.txt”中 id 为“p1”的元素的内容加载到特定的 <div>
元素中
可选的 callback 参数指定一个在 load()
方法完成后运行的回调函数。回调函数可以有不同的参数
responseTxt
- 包含调用成功时的结果内容statusTxt
- 包含调用的状态xhr
- 包含 XMLHttpRequest 对象
下面的示例在 load() 方法完成后显示一个警报框。如果 load()
方法成功,它将显示“外部内容已成功加载!”;如果失败,它将显示错误消息
示例
$("button").click(function(){
$("#div1").load("demo_test.txt", function(responseTxt, statusTxt, xhr){
if(statusTxt == "success")
alert("外部内容已成功加载!");
if(statusTxt == "error")
alert("错误: " + xhr.status + ": " + xhr.statusText);
});
});
自己动手试一试 »
jQuery AJAX 参考
有关所有 jQuery AJAX 方法的完整概述,请访问我们的 jQuery AJAX 参考。