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 相关文章推荐
jQuery 改变CSS样式基础代码
Feb 11 Javascript
JavaScript实现大数的运算
Nov 24 Javascript
JavaScript获取页面中表单(form)数量的方法
Apr 03 Javascript
js拆分字符串并将分割的数据放到数组中的方法
May 06 Javascript
JS中如何实现Laravel的route函数详解
Feb 12 Javascript
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
Feb 13 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
Aug 30 Javascript
五步轻松实现JavaScript HTML时钟效果
Mar 25 Javascript
koa2+vue实现登陆及登录状态判断
Aug 15 Javascript
在layui.use 中自定义 function 的正确方法
Sep 16 Javascript
vue 百度地图(vue-baidu-map)绘制方向箭头折线实例代码详解
Apr 28 Javascript
在Vue中创建可重用的 Transition的方法
Jun 02 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获取当前月与上个月月初及月末时间戳的方法
2016/12/05 PHP
防止网站内容被拷贝的一些方法与优缺点好处与坏处分析
2007/11/30 Javascript
jQuery 1.5 源码解读 面向中高阶JSER
2011/04/05 Javascript
跨浏览器的事件对象介绍
2012/06/27 Javascript
有关于JS构造函数的重载和工厂方法
2013/04/07 Javascript
模拟多级复选框效果的jquery代码
2013/08/13 Javascript
处理文本部分内容的TextRange对象应用实例
2014/07/29 Javascript
javascript操作select元素实例分析
2015/03/27 Javascript
js+html5实现canvas绘制椭圆形图案的方法
2016/05/21 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
bootstrap日期控件问题(双日期、清空等问题解决)
2017/04/19 Javascript
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
2017/05/30 Javascript
详解Vue2.x-directive的学习笔记
2017/07/17 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
2017/11/01 Javascript
Auto.js自动收取自己和好友蚂蚁森林能量脚本
2018/06/28 Javascript
给localStorage设置一个过期时间的方法分享
2018/11/06 Javascript
Android应用开发中Action bar编写的入门教程
2016/02/26 Python
python实战教程之自动扫雷
2018/07/13 Python
Python使用pickle模块报错EOFError Ran out of input的解决方法
2018/08/16 Python
Pyqt5 实现跳转界面并关闭当前界面的方法
2019/06/19 Python
Pytorch: 自定义网络层实例
2020/01/07 Python
jupyter note 实现将数据保存为word
2020/04/14 Python
利用Python函数实现一个万历表完整示例
2021/01/23 Python
细说CSS3中box属性中的overflow-x属性和overflow-y属性值的效果
2014/07/21 HTML / CSS
input元素的url类型和email类型简介
2012/07/11 HTML / CSS
伦敦剧院及景点门票:Encore Tickets
2018/07/01 全球购物
您熟悉ORM(Object-Relation Mapping)吗?请谈谈您所理解的ORM
2016/02/08 面试题
宿舍保安职务说明书
2014/02/25 职场文书
医学生毕业自我鉴定
2014/03/26 职场文书
企业家王石演讲稿:坚持与放下
2014/04/27 职场文书
大队委竞选演讲稿
2014/04/28 职场文书
应届大学生自荐书
2014/06/17 职场文书
红色经典观后感
2015/06/18 职场文书
高质量“欢迎词”
2019/04/03 职场文书
html实现弹窗的实例
2021/06/09 HTML / CSS
漫改真人电影「萌系男友是燃燃的橘色」公开先导视觉图
2022/03/21 日漫