阅读 192

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对象


文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐