load()方法从服务器加载数据,并将返回的HTML放入所选元素中。
load()方法是从服务器获取数据的最简单方法。 它大致等同于$ .get(url,data,callback),除了它是方法而不是全局函数,并且具有隐式的回调函数。。
请求方法:如果将data作为对象提供,则使用POST方法。否则,假定为GET。
$(selector).load(URL, data, callback)
将ajax_intro.txt文件的内容加载到DIV元素中:
$("button").click(function(){ $("div").load("ajax_intro.txt"); });测试看看‹/›
与$ .get()不同,load()方法允许我们指定要插入的远程文档的一部分:
$("button").click(function(){ $("div").load("/jquery/ajax_load.html #table"); });测试看看‹/›
加载ajax_post.php页面,并发送一些其他数据:
$("button").click(function(){ let data = {fname:"Seagull", lname:"Anna"}; $("div").load("ajax_post.php", data); });测试看看‹/›
加载ajax_post.php页面,发送一些其他数据,并发出警报状态消息:
$("button").click(function(){ let data = {fname:"Seagull", lname:"Anna"}; $("div").load("ajax_post.php", data, function(response, status){ alert(status); }); });测试看看‹/›
如果Ajax请求遇到错误,则显示通知:
$("button").click(function(){ let data = {fname:"Seagull", lname:"Anna"}; $("#success").load("wrong_file.php", data, function(response, status, xhr){ if(status == "error"){ let msg = "抱歉,出现错误: "; $("#error").html(msg + xhr.status + " " + xhr.statusText); } }); });测试看看‹/›
参数 | 描述 |
---|---|
URL | 指定您想要请求的URL |
data | (可选)指定与请求一起发送到服务器的纯对象或字符串 |
callback | (可选)指定在请求完成时执行的回调函数 参数:
|