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>
元素:
还可以将 jQuery 选择器添加到 URL 参数。
以下示例将文件 "demo_test.txt" 内 id="p1" 的元素内容加载到特定的<div>
元素:
可选的回调参数指定在以下情况下运行的回调函数: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 参考。
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!