详解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下操作css的float属性的特殊写法
Aug 22 Javascript
JS 继承实例分析
Nov 04 Javascript
onsubmit阻止form表单提交与onclick的相关操作
Sep 03 Javascript
基于jquery的固定表头和列头的代码
May 03 Javascript
使用原生js写的一个简单slider
Apr 29 Javascript
js实现仿百度汽车频道选择汽车图片展示实例
May 06 Javascript
微信小程序 Image API实例详解
Sep 30 Javascript
提高JavaScript执行效率的23个实用技巧
Mar 01 Javascript
JS实现留言板功能
Jun 17 Javascript
浅析JavaScript中的特殊数据类型
Dec 15 Javascript
jQuery 动态粒子效果示例代码
Jul 07 jQuery
vue集成一个支持图片缩放拖拽的富文本编辑器
Jan 29 Vue.js
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广告加载类用法实例
2014/09/23 PHP
PHP使用缓存即时输出内容(output buffering)的方法
2015/08/03 PHP
基于thinkPHP实现的微信自定义分享功能示例
2016/09/23 PHP
PHP PDOStatement::setAttribute讲解
2019/02/01 PHP
Yii2框架控制器、路由、Url生成操作示例
2019/05/27 PHP
基于jQuery UI CSS Framework开发Widget的经验
2010/08/21 Javascript
JavaScript中两个感叹号的作用说明
2011/12/28 Javascript
jQuery实现购物车计算价格功能的方法
2015/03/25 Javascript
jQuery插件Tmpl的简单使用方法
2015/04/27 Javascript
多种jQuery绑定事件的实现方式
2016/06/13 Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
2017/03/27 Javascript
js实现文字列表无缝滚动效果
2017/06/23 Javascript
JS鼠标滚动分页效果示例
2017/07/05 Javascript
Angular 如何使用第三方库的方法
2018/04/18 Javascript
vue如何判断dom的class
2018/04/26 Javascript
微信小程序 授权登录详解(附完整源码)
2019/08/23 Javascript
微信小程序中的列表切换功能实例代码详解
2020/06/09 Javascript
python中精确输出JSON浮点数的方法
2014/04/18 Python
python实现封装得到virustotal扫描结果
2014/10/05 Python
python关闭windows进程的方法
2015/04/18 Python
python模拟enum枚举类型的方法小结
2015/04/30 Python
python写入并获取剪切板内容的实例
2018/05/31 Python
Python 微信之获取好友昵称并制作wordcloud的实例
2019/02/21 Python
学习python的前途 python挣钱
2019/02/27 Python
python实现在函数图像上添加文字和标注的方法
2019/07/08 Python
pytorch中获取模型input/output shape实例
2019/12/30 Python
Python接收手机短信的代码整理
2020/08/02 Python
Python使用cn2an实现中文数字与阿拉伯数字的相互转换
2021/03/02 Python
CSS实现聊天气泡效果
2020/04/26 HTML / CSS
Cotton On香港网站:澳洲时装连锁品牌
2018/11/01 全球购物
联想英国官网:Lenovo英国
2019/07/17 全球购物
出纳工作岗位责任制
2014/02/02 职场文书
法制宣传标语集锦
2014/06/25 职场文书
2015年评职称工作总结范文
2015/04/20 职场文书
创业计划书之家教托管
2019/09/25 职场文书
python flask框架快速入门
2021/05/14 Python