jQuery - AJAX load() 方法
jQuery load() 方法
jQuery 的 load() 方法是一个简单但功能强大的 AJAX 方法。
load() 方法从服务器加载数据并将返回的数据放入选定的元素中。
语法
$(选择器).load(URL,数据,回调函数);
必需的 URL 参数指定要加载的 URL。
可选的数据参数指定一组与请求一起发送的查询字符串键/值对。
可选的回调函数参数是在 load() 方法完成后要执行的函数的名称。
以下是我们的示例文件“demo_test.txt”的内容：
<h2>jQuery 和 AJAX 真好玩!!!</h2>
<p id="p1">这是一段文本。</p>
以下示例将文件“demo_test.txt”的内容加载到特定的 <div> 元素中
也可以在 URL 参数中添加 jQuery 选择器。
以下示例将文件“demo_test.txt”中 id 为“p1”的元素的内容加载到特定的 <div> 元素中
可选的回调函数参数指定一个回调函数，在 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 参考。
