load函数html,jQuery load() 方法

jQuery load() 方法

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(可选)指定在请求完成时执行的回调函数

参数：response -包含请求中的结果数据

status -包含请求的状态("success", "notmodified", "error", "timeout", 或 "parsererror")

xhr-包含XMLHttpRequest对象