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插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
Mar 21 jQuery
jQuery轻松实现无缝轮播效果
Mar 22 jQuery
jquery中each循环的简单回滚操作
May 05 jQuery
jquery实现放大镜简洁代码(推荐)
Jun 08 jQuery
jQuery+ajax实现修改密码验证功能实例详解
Jul 06 jQuery
jquery中有哪些api jQuery主要API
Nov 20 jQuery
jQuery实现页码跳转式动态数据分页
Dec 31 jQuery
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
jQuery实现的五星点评功能【案例】
Feb 18 jQuery
jQuery层叠选择器用法实例分析
Jun 28 jQuery
jQuery实现的解析本地 XML 文档操作示例
Apr 30 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支持页面回退的两种方法[转]
2007/02/14 PHP
PHP 多进程 解决难题
2009/06/22 PHP
利用php+mcDropdown实现文件路径可在下拉框选择
2013/08/07 PHP
PHP使用GIFEncoder类生成gif动态滚动字幕
2014/07/01 PHP
php将图片保存为不同尺寸图片的图片类实例
2015/03/30 PHP
php实现带读写分离功能的MySQL类完整实例
2016/07/28 PHP
php网页版聊天软件实现代码
2016/08/12 PHP
PHP中单例模式的使用场景与使用方法讲解
2019/03/18 PHP
Jquery在指定DIV加载HTML示例代码
2014/02/17 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
2014/04/02 Javascript
jQuery中removeProp()方法用法实例
2015/01/05 Javascript
jquery制作属于自己的select自定义样式
2015/11/23 Javascript
BootStrap下拉菜单和滚动监听插件实现代码
2016/09/26 Javascript
JavaScript基本类型值-Number类型
2017/02/24 Javascript
JS处理数据四舍五入(tofixed与round的区别详解)
2017/10/26 Javascript
web前端vue之CSS过渡效果示例
2018/01/10 Javascript
vue中使用sessionStorage记住密码功能
2018/07/24 Javascript
jQuery实现的网站banner图片无缝轮播效果完整实例
2019/01/28 jQuery
基于vue实现简易打地鼠游戏
2020/08/21 Javascript
Python中的Numpy入门教程
2014/04/26 Python
Python实现基于HTTP文件传输实例
2014/11/08 Python
Python编程实现的图片识别功能示例
2017/08/03 Python
Python基础学习之常见的内建函数整理
2017/09/06 Python
Python多继承原理与用法示例
2018/08/23 Python
python 读取.nii格式图像实例
2020/07/01 Python
opencv 图像加法与图像融合的实现代码
2020/07/08 Python
python 使用tkinter+you-get实现视频下载器
2020/11/17 Python
美国知名的女性服饰品牌:LOFT(洛芙特)
2016/08/05 全球购物
程序员机试试题汇总
2012/03/07 面试题
保安拾金不昧表扬信
2014/01/15 职场文书
历史专业大学生职业生涯规划书
2014/03/13 职场文书
董事长助理工作职责范本
2014/07/01 职场文书
债务纠纷起诉书
2015/05/20 职场文书
写作技巧:如何撰写一份优秀的营销策划书
2019/08/13 职场文书
如何在C++中调用Python
2021/05/21 Python
MySQL中distinct与group by之间的性能进行比较
2021/05/26 MySQL