jQuery的load()方法及其回调函数用法实例


Posted in Javascript onMarch 25, 2015

本文实例讲述了jQuery的load()方法及其回调函数用法。分享给大家供大家参考。具体如下:

下面的js代码演示了jQuery的load()方法的使用,并演示了带回调函数(callback)的load方法的使用

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
   if(statusTxt=="success")
    alert("External content loaded successfully!");
   if(statusTxt=="error")
    alert("Error: "+xhr.status+": "+xhr.statusText);
  });
 });
});
</script>
</head>
<body>
<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
js实现日期级联效果
Jan 23 Javascript
推荐8款jQuery轻量级树形Tree插件
Nov 12 Javascript
node.js中的fs.fstatSync方法使用说明
Dec 15 Javascript
jQuery的animate函数实现图文切换动画效果
May 03 Javascript
javascript实现一个网页加载进度loading
Jan 04 Javascript
jQuery点击导航栏选中更换样式的实现代码
Jan 23 Javascript
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
Mar 15 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
Dec 22 Javascript
vue生命周期与钩子函数简单示例
Mar 13 Javascript
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
Apr 20 Javascript
Layui实现带查询条件的分页
Jul 27 Javascript
JS实现电脑虚拟键盘打字测试
Jun 24 Javascript
jQuery使用$.get()方法从服务器文件载入数据实例
Mar 25 #Javascript
jQuery使用post方法提交数据实例
Mar 25 #Javascript
JavaScript实现常用二级省市级联下拉列表的方法
Mar 25 #Javascript
分享9个最好用的JavaScript开发工具和代码编辑器
Mar 24 #Javascript
JS通过ajax动态读取xml文件内容的方法
Mar 24 #Javascript
使用JavaScript 实现的人脸检测
Mar 24 #Javascript
JS使用ajax方法获取指定url的head信息中指定字段值的方法
Mar 24 #Javascript
You might like
PHP 实用代码收集
2010/01/22 PHP
PHP数组及条件,循环语句学习
2012/11/11 PHP
PHPMailer邮件发送的实现代码
2013/05/04 PHP
浅谈PHP表单提交(POST&amp;GET&amp;URL编/解码)
2017/04/03 PHP
PHP迭代器和生成器用法实例分析
2019/09/28 PHP
php 的多进程操作实践案例分析
2020/02/28 PHP
javascript克隆对象深度介绍
2012/11/20 Javascript
js中方法重载如何实现?以及函数的参数问题
2013/08/01 Javascript
js函数名与form表单元素同名冲突的问题
2014/03/07 Javascript
js实现简单折叠、展开菜单的方法
2015/08/28 Javascript
js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码
2016/05/13 Javascript
老生常谈js动态添加事件--- 事件委托
2016/07/19 Javascript
微信小程序学习(4)-系统配置app.json详解
2017/01/12 Javascript
js eval函数使用,js对象和字符串互转实例
2017/03/06 Javascript
浅谈Webpack 持久化缓存实践
2018/03/22 Javascript
Vue.js最佳实践(五招助你成为vuejs大师)
2018/05/04 Javascript
详解vue-router 初始化时做了什么
2018/06/11 Javascript
Vue实现根据hash高亮选项卡
2019/05/27 Javascript
layui table动态表头 改变表格头部 重新加载表格的方法
2019/09/21 Javascript
vue router返回到指定的路由的场景分析
2020/11/10 Javascript
Python实现的下载网页源码功能示例
2017/06/13 Python
Python3调用微信企业号API发送文本消息代码示例
2017/11/10 Python
Python数据分析之双色球基于线性回归算法预测下期中奖结果示例
2018/02/08 Python
tensorflow实现将ckpt转pb文件的方法
2020/04/22 Python
python 实时调取摄像头的示例代码
2020/11/25 Python
美国领先的精品家居照明和装饰产品在线零售商:LightsOnline.com
2018/01/23 全球购物
会计专业个人自我鉴定
2014/03/21 职场文书
带病坚持工作事迹
2014/05/03 职场文书
科级干部群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
2015届大学生就业推荐表自我评价
2014/09/27 职场文书
艺术节开幕词
2015/01/28 职场文书
九年级语文教学反思
2016/03/03 职场文书
Nginx配置80端口访问8080及项目名地址方法解析
2021/03/31 Servers
详解Laravel服务容器的优势
2021/05/29 PHP
java实现web实时消息推送的七种方案
2022/07/23 Java/Android
华为HarmonyOS3.0强在哪? 看看鸿蒙3.0这7个小功能
2023/01/09 数码科技