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插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
jQuery实现导航栏头部菜单项点击后变换颜色的方法
Jul 19 jQuery
jQuery.Ajax()的data参数类型详解
Jul 23 jQuery
jquery之基本选择器practice(实例讲解)
Sep 30 jQuery
jQuery自动或手动图片切换效果
Oct 11 jQuery
jquery animate动画持续运动的实例
Nov 29 jQuery
jQuery实现简单复制json对象和json对象集合操作示例
Jul 09 jQuery
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 jQuery
使用jquery-easyui的布局layout写后台管理页面的代码详解
Jun 19 jQuery
jquery ui 实现 tab标签功能示例【测试可用】
Jul 25 jQuery
jQuery插件实现图片轮播效果
Oct 19 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
真正根据utf8编码的规律来进行截取字符串的函数(utf8版sub_str )
2012/10/24 PHP
破解.net程序(dll文件)编译和反编译方法
2013/01/31 PHP
PHP使用函数用法详解
2018/09/30 PHP
javascript string字符串优化问题
2011/07/31 Javascript
JS中Iframe之间传值及子页面与父页面应用
2013/03/11 Javascript
jquery移动节点实例
2015/01/14 Javascript
实例解析jQuery插件EasyUI最常用的表单验证规则
2015/11/29 Javascript
js传值后台中文出现乱码的解决方法
2016/06/30 Javascript
Javascript6中字符串的四个新用法分享
2016/09/11 Javascript
js实现自动轮换选项卡
2017/01/13 Javascript
Vue.Draggable实现拖拽效果
2020/07/29 Javascript
Vue调试神器vue-devtools安装方法
2017/12/12 Javascript
Vue实现动态创建和删除数据的方法
2018/03/17 Javascript
详解如何从零开始搭建Express+Vue开发环境
2018/07/17 Javascript
JavaScript的词法结构精华篇
2018/10/17 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
2020/05/10 Javascript
Python中标准模块importlib详解
2017/04/16 Python
Python3.4实现远程控制电脑开关机
2018/02/22 Python
Python补齐字符串长度的实例
2018/11/15 Python
python 获取utc时间转化为本地时间的方法
2018/12/31 Python
30秒学会30个超实用Python代码片段【收藏版】
2019/10/15 Python
基于python-pptx库中文文档及使用详解
2020/02/14 Python
python检查目录文件权限并修改目录文件权限的操作
2020/03/11 Python
python画环形图的方法
2020/03/25 Python
python opencv把一张图片嵌入(叠加)到另一张图片上的实现代码
2020/06/11 Python
Python使用xlrd实现读取合并单元格
2020/07/09 Python
PyQt实现计数器的方法示例
2021/01/18 Python
CSS3动画之利用requestAnimationFrame触发重新播放功能
2019/09/11 HTML / CSS
html5 input输入实时检测以及延时优化
2018/07/18 HTML / CSS
Html5调用手机摄像头并实现人脸识别的实现
2018/12/21 HTML / CSS
学雷锋活动总结报告
2014/06/26 职场文书
买卖合同协议书范本
2014/10/18 职场文书
大学生求职自荐信范文
2015/03/04 职场文书
幸福终点站观后感
2015/06/04 职场文书
25张裸眼3D图片,带你重温童年的记忆,感受3D的魅力
2022/02/06 杂记
Win11黑色桌面背景怎么办?Win11黑色壁纸解决方法汇总
2022/04/05 数码科技