• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > 详解jQuery中ajax.load()方法

详解jQuery中ajax.load()方法

作者:wwwind213 字体:[增加 减小] 来源:互联网 时间:2017-05-11

wwwind213通过本文主要向大家介绍了jquery ajax详解,ajax详解,ajax参数详解,ajax实战 实例详解,ajaxfileupload详解等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

jQuery load() 方法

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

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

语法:

$(selector).load(URL,data,callback);
</div>

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);
 });
});
</div>

以上所述是小编给大家介绍的详解jQuery中ajax.load()方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jquery 校验中国身份证号码实例详解
  • jquery实现图片平滑滚动详解
  • jQuery事件详解
  • jQuery事件与动画基础详解
  • Ajax基础知识详解
  • 详解jQuery中ajax.load()方法
  • jquery Ajax 全局调用封装实例详解
  • 详解jQuery事件
  • jQuery.parseHTML() 函数详解
  • jquery与ajax获取特殊字符实例详解

相关文章

  • 2017-05-11jQuery基本选择器和层次选择器学习使用
  • 2017-05-11vue2.0使用Sortable.js实现的拖拽功能示例
  • 2017-05-11Angular.js与node.js项目里用cookie校验账户登录详解
  • 2017-05-11canvas红包照片实例分享
  • 2017-05-11基于jQuery实现文字打印动态效果
  • 2017-05-11jQuery插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
  • 2017-05-11ES6学习笔记之Set和Map数据结构详解
  • 2017-05-11Vue.js实现文章评论和回复评论功能
  • 2017-05-11前端编码规范(3)JavaScript 开发规范
  • 2017-05-11利用JS实现文字的聚合动画效果

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 原生javascript实现读写CSS样式的方法详解
    • AngularJS框架中的双向数据绑定机制详解【减少需要重复的开发代码量】
    • JS原型与原型链的深入理解
    • 基于Bootstrap漂亮简洁的CSS3价格表(附源码下载)
    • 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
    • javascript 快速获取图片实际大小的宽高
    • JS中的phototype详解
    • 树结构之JavaScript
    • js中输入数字自动货币格式化
    • 基于JavaScript实现滑动门效果

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有