详解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 类与静态类的实现
Apr 01 Javascript
构造函数+原型模式构造js自定义对象(最通用)
May 12 Javascript
特殊日期提示功能的实现方法
Jun 16 Javascript
jQuery.datatables.js插件用法及api实例详解
Oct 28 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
Mar 14 Javascript
js实现京东轮播图效果
Jun 30 Javascript
js使用html2canvas实现屏幕截取的示例代码
Aug 28 Javascript
Angular CLI 安装和使用教程
Sep 13 Javascript
微信小程序开发之IOS和Android兼容的问题
Sep 26 Javascript
javascript 中模板方法单例的实现方法
Oct 17 Javascript
mui上拉加载更多下拉刷新数据的封装过程
Nov 03 Javascript
bootstrap table实现iview固定列的效果实例代码详解
Sep 30 Javascript
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
全国FM电台频率大全 - 19 广东省
2020/03/11 无线电
中东人咖啡哲学
2021/03/03 咖啡文化
php adodb连接带密码access数据库实例,测试成功
2008/05/14 PHP
php解析url的三个示例
2014/01/20 PHP
php中执行系统命令的方法
2015/03/21 PHP
php解析字符串里所有URL地址的方法
2015/04/03 PHP
php实现的数字验证码及数字运算验证码
2015/07/30 PHP
高质量PHP代码的50个实用技巧必备(下)
2016/01/22 PHP
PHP引用返回用法示例
2016/05/28 PHP
PHP使用ActiveMQ实现消息队列的方法详解
2019/05/31 PHP
php设计模式之备忘模式分析【星际争霸游戏案例】
2020/03/24 PHP
Bootstrap3学习笔记(二)之排版
2016/05/20 Javascript
浅谈EasyUi ComBotree树修改 父节点选择的问题
2016/11/07 Javascript
JS实现页面进入和返回定位到具体位置
2016/12/08 Javascript
bootstrap laydate日期组件使用详解
2017/01/04 Javascript
微信小程序 扎金花简单实例
2017/02/21 Javascript
史上最全JavaScript常用的简写技巧(推荐)
2017/08/17 Javascript
angular2路由之routerLinkActive指令【推荐】
2018/05/30 Javascript
使用layui的router来进行传参的实现方法
2019/09/06 Javascript
js实现网页随机验证码
2020/10/19 Javascript
[52:37]完美世界DOTA2联赛循环赛 Forest vs DM BO2第一场 10.29
2020/10/29 DOTA
python实现应用程序在右键菜单中添加打开方式功能
2017/01/09 Python
python处理csv数据动态显示曲线实例代码
2018/01/23 Python
python利用selenium进行浏览器爬虫
2019/04/25 Python
使用OpenCV circle函数图像上画圆的示例代码
2019/12/27 Python
Python实现汇率转换操作
2020/05/03 Python
实例讲解Python 迭代器与生成器
2020/07/08 Python
详解Html5中video标签那些属性和方法
2019/07/01 HTML / CSS
Chicco婴儿用品美国官网:汽车座椅、婴儿推车、高脚椅等
2018/11/05 全球购物
出纳员岗位职责
2014/03/13 职场文书
市场营销专业求职信
2014/06/17 职场文书
医生个人自我剖析材料
2014/10/08 职场文书
股权转让协议书
2014/12/07 职场文书
2014年控辍保学工作总结
2014/12/08 职场文书
安全检查汇报材料
2014/12/26 职场文书
星际争霸:毕姥爷vs解冻01
2022/04/01 星际争霸