JQuery中的load()方法是一种用于向服务器加载数据的简便方法,常用于更新部分页面内容。该方法可以使用多个参数来实现不同类型的加载操作。
基本语法:
$(selector).load(url,data,function(response,status,xhr){});
参数解释:
selector:用于指定要加载内容的DOM元素。url:需要加载的url地址。data:可选参数,传递给url的额外数据。function(response,status,xhr){}:可选参数,当请求完成后所调用的回调函数。例如:
$("div").load("test.html", function(response, status, xhr){if(status == "error") {alert("Error: " + xhr.status + ": " + xhr.statusText);}});
上述代码会将test.html文档中与选择器匹配的内容加载到所有的<div>元素中。如果加载失败,则会弹出错误信息。
另外,load()方法还可以通过指定跨域加载数据的方式,例如:
$("div").load("https://example.com/data.php?callback=?", function(response, status, xhr){});
该方法把请求的URL最后一个参数设为“?”可以自动添加callback方法名,使返回的数据成为一个合法的JSONP响应,从而避免了跨域访问的限制。