jQuery - AJAX load() 实例用法详解
jQueryload()方法是简单但强大的AJAX方法。
load()方法从服务器加载数据,并把返回的数据放入被选元素中。
语法:
$(selector).load(URL,data,callback);
必需的URL参数规定您希望加载的URL。
可选的data参数规定与请求一同发送的查询字符串键/值对集合。
可选的callback参数是load()方法完成后所执行的函数名称。
这是示例文件("demo_test.txt")的内容:
jQueryAJAX是个非常棒的功能!
下面的例子会把文件"demo_test.txt"的内容加载到指定的
元素中:
实例
$("#div1").load("demo_test.txt");
尝试一下»
也可以把jQuery选择器添加到URL参数。
下面的例子把"demo_test.txt"文件中id="p1"的元素的内容,加载到指定的
元素中:
实例
$("#div1").load("demo_test.txt#p1");
尝试一下»
可选的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("Error:"+xhr.status+":"+xhr.statusText);});});
感谢大家的阅读和对毛票票的支持。