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>元素:
另外,也可以对一个jQuery选择添加到URL参数。
下面的示例加载与元素的内容id="p1"里面的文件"demo_test.txt"到特定<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方法的完整概述,请访问我们的jQuery AJAX参考 。