详解jQuery中ajax.load()方法


Posted in Javascript onJanuary 25, 2017

jQuery load() 方法

jQuery load() 方法是简单但强大的 AJAX 方法。

load() 方法从服务器加载数据,并把返回的数据放入被选元素中。

语法:

$(selector).load(URL,data,callback);

load()函数用于从服务器加载数据,并使用返回的html内容替换当前匹配元素的内容。

load()函数默认使用GET方式,如果提供了对象形式的数据,则自动转为POST方式。

因为默认使用的是Get请求方式,所以我们也可以在url加数据进行提交。

例如$("#box").load("loadTest.html?name=zhang&age=25")

load()方法可以参数三个参数:

url(必须,请求html 文件的url 地址,参数类型为String)

data(可选,发送的key/value 数据,参数类型为Object)

callback(可选,成功或失败的回调函数,参数类型为函数Function)

load()方法是局部方法,因为他需要一个包含元素的jQuery 对象作为前缀。例如$("#box").load()

而$.get()和$.post()是全局方法,无须指定某个元素。对于用途而言,.load()适合做静态文件的异步获取,

而对于需要传递参数到服务器页面的,$.get()和$.post()更加合适。

可选的 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);
 });
});

以上所述是小编给大家介绍的详解jQuery中ajax.load()方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Javascript中Eval函数的使用
Mar 23 Javascript
javascript来定义类的规范小结
Nov 19 Javascript
用jquery实现点击栏目背景色改变
Dec 10 Javascript
jquery win 7透明弹出层效果的简单代码
Aug 06 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
jQuery中bind()方法用法实例
Jan 19 Javascript
jquery获取下拉框中的循环值
Feb 08 Javascript
关于foreach循环中遇到的问题小结
May 08 Javascript
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
vue底部加载更多的实例代码
Jun 29 Javascript
解决Angular4项目部署到服务器上刷新404的问题
Aug 31 Javascript
jQuery ajax - getScript() 方法和getJSON方法
May 14 jQuery
js实现鼠标左右移动,图片也跟着移动效果
Jan 25 #Javascript
JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序
Jan 25 #Javascript
js实现文字选中分享功能
Jan 25 #Javascript
利用Js+Css实现折纸动态导航效果实例源码
Jan 25 #Javascript
jquery实现拖动效果(代码分享)
Jan 25 #Javascript
angular forEach方法遍历源码解读
Jan 25 #Javascript
three.js实现围绕某物体旋转
Jan 25 #Javascript
You might like
php Ajax乱码
2008/04/09 PHP
PHP获取网址的顶级域名函数代码
2012/09/24 PHP
php之Smarty模板使用方法示例详解
2014/07/08 PHP
golang、python、php、c++、c、java、Nodejs性能对比
2017/03/12 NodeJs
如何使用Javascript获取距今n天前的日期
2013/07/08 Javascript
addEventListener()第三个参数useCapture (Boolean)详细解析
2013/11/07 Javascript
判定是否原生方法的JS代码
2013/11/12 Javascript
基于jquery实现轮播特效
2016/04/22 Javascript
Javascript中prototype的使用详解
2016/06/18 Javascript
原生JS:Date对象全面解析
2016/09/06 Javascript
JavaScript中匿名函数的递归调用
2017/01/22 Javascript
详解nodeJS中读写文件方法的区别
2017/03/06 NodeJs
React 组件转 Vue 组件的命令写法
2018/02/28 Javascript
微信小程序新手教程之页面打开数量限制
2019/03/03 Javascript
Vue+Express实现登录注销功能的实例代码
2019/05/05 Javascript
Python的迭代器和生成器
2015/07/29 Python
tensorflow 输出权重到csv或txt的实例
2018/06/14 Python
python实现自动网页截图并裁剪图片
2018/07/30 Python
Python matplotlib画图时图例说明(legend)放到图像外侧详解
2020/05/16 Python
pytorch中 gpu与gpu、gpu与cpu 在load时相互转化操作
2020/05/25 Python
matplotlib设置颜色、标记、线条,让你的图像更加丰富(推荐)
2020/09/25 Python
Python爬虫自动化获取华图和粉笔网站的错题(推荐)
2021/01/08 Python
Microsoft新加坡官方网站:购买微软最新软件和技术产品
2016/10/28 全球购物
现代生活方式的家具和装饰:Dot & Bo
2018/12/26 全球购物
建筑施工员岗位职责
2013/11/26 职场文书
妇产医师自荐信
2014/01/29 职场文书
公司任命书模板
2014/06/06 职场文书
搞笑婚前保证书
2015/02/28 职场文书
2015年外贸业务员工作总结范文
2015/05/23 职场文书
2015秋季开学典礼演讲稿
2015/07/16 职场文书
2016年七夕情人节宣传语
2015/11/25 职场文书
管理者们如何制定2019年的工作计划?
2019/07/01 职场文书
标准发言稿结尾
2019/07/18 职场文书
小学作文之描写天气
2019/08/15 职场文书
中国现代文学之经典散文三篇
2019/09/18 职场文书
Go gRPC进阶教程gRPC转换HTTP
2022/06/16 Golang