jQuery - AJAX load() 实例用法详解


Posted in jQuery onAugust 27, 2019

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

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

语法:

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

必需的 URL 参数规定您希望加载的 URL。

可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。

可选的 callback 参数是 load() 方法完成后所执行的函数名称。

这是示例文件("demo_test.txt")的内容:

<h2>jQuery AJAX 是个非常棒的功能!</h2> <p id="p1">这是段落的一些文本。</p>
下面的例子会把文件 "demo_test.txt" 的内容加载到指定的 <div> 元素中:

实例

$("#div1").load("demo_test.txt");

尝试一下 »

也可以把 jQuery 选择器添加到 URL 参数。

下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的内容,加载到指定的 <div> 元素中:

实例

$("#div1").load("demo_test.txt #p1");

尝试一下 »
可选的 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 相关文章推荐
jQuery ajax请求struts action实现异步刷新
Apr 19 jQuery
JQuery.dataTables表格插件添加跳转到指定页
Jun 09 jQuery
基于jQuery和CSS3实现APPLE TV海报视差效果
Jun 16 jQuery
jquery实现下拉菜单的手风琴效果
Jul 23 jQuery
jquery+css实现简单的图片轮播效果
Aug 07 jQuery
基于jQuery的表单填充实例
Aug 22 jQuery
jquery 输入框查找关键字并提亮颜色的实例代码
Jan 23 jQuery
jQuery插件实现弹性运动完整示例
Jul 07 jQuery
jQuery仿移动端支付宝键盘的实现代码
Aug 15 jQuery
jquery css实现流程进度条
Mar 26 jQuery
JQuery事件冒泡和默认行为代码实例
May 13 jQuery
jQuery+ajax实现用户登录验证
Sep 13 jQuery
jQuery实现判断滚动条滚动到document底部的方法分析
Aug 27 #jQuery
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
Aug 27 #jQuery
Jquery实现获取子元素的方法分析
Aug 24 #jQuery
jquery分页优化操作实例分析
Aug 23 #jQuery
jquery实现的分页显示功能示例
Aug 23 #jQuery
jQuery表单选择器用法详解
Aug 22 #jQuery
详解webpack引用jquery(第三方模块)的三种办法
Aug 21 #jQuery
You might like
PHP Mysql编程之高级技巧
2008/08/27 PHP
PHP Ajax中文乱码问题解决方法
2009/02/27 PHP
php将print_r处理后的数据还原为原始数组的解决方法
2016/11/02 PHP
Jquery+ajax请求data显示在GridView上(asp.net)
2010/08/27 Javascript
通过遮罩层实现浮层DIV登录的js代码
2014/02/07 Javascript
使用jQuery和PHP实现类似360功能开关效果
2014/02/12 Javascript
jQuery实现的简洁下拉菜单导航效果代码
2015/08/26 Javascript
详解 vue.js用法和特性
2017/10/15 Javascript
解决nodejs的npm命令无反应的问题
2018/05/17 NodeJs
详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
2018/08/02 Javascript
利用Vconsole和Fillder进行移动端抓包调试方法
2019/03/05 Javascript
js实现全选反选不选功能代码详解
2019/04/24 Javascript
vue 判断元素内容是否超过宽度的方式
2020/07/29 Javascript
使用python 获取进程pid号的方法
2014/03/10 Python
python判断windows隐藏文件的方法
2014/03/21 Python
Python实现的从右到左字符串替换方法示例
2018/07/06 Python
在python 不同时区之间的差值与转换方法
2019/01/14 Python
python重试装饰器的简单实现方法
2019/01/31 Python
PyTorch中Tensor的拼接与拆分的实现
2019/08/18 Python
django删除表重建的实现方法
2019/08/28 Python
详解Anaconda安装tensorflow报错问题解决方法
2020/11/01 Python
python 30行代码实现蚂蚁森林自动偷能量
2021/02/08 Python
python的scipy.stats模块中正态分布常用函数总结
2021/02/19 Python
荷兰超市:DEEN
2018/03/14 全球购物
英国最大的户外商店:Go Outdoors
2019/04/17 全球购物
运动鞋、足球鞋和慕尼黑球衣:Sport Münzinger
2019/08/26 全球购物
会计实习生工作总结的自我评价
2013/10/07 职场文书
投资合作协议书范本
2014/04/17 职场文书
小学语文教研活动总结
2014/07/01 职场文书
优秀毕业生的求职信
2014/07/21 职场文书
运动会稿件100字
2014/09/24 职场文书
公司授权委托书
2014/10/17 职场文书
2014年学生工作总结
2014/11/20 职场文书
Golang 获取文件md5校验的方法以及效率对比
2021/05/08 Golang
SQL实现LeetCode(180.连续的数字)
2021/08/04 MySQL
电脑只能进入安全模式无法正常启动的解决办法
2022/04/08 数码科技