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 相关文章推荐
在b/s开发中经常用到的javaScript技术
Aug 23 Javascript
找到一点可怜的关于dojo资料,谢谢作者!
Dec 06 Javascript
JavaScript位置与大小(1)之正确理解和运用与尺寸大小相关的DOM属性
Dec 26 Javascript
JavaScript基础知识及常用方法总结
Jan 10 Javascript
JavaScript tab选项卡插件实例代码
Feb 23 Javascript
浅谈js函数三种定义方式 &amp; 四种调用方式 &amp; 调用顺序
Feb 19 Javascript
解决Jquery下拉框数据动态获取的问题
Jan 25 jQuery
vue非父子组件通信问题及解决方法
Jun 11 Javascript
详解适配器在JavaScript中的体现
Sep 28 Javascript
elementUI 动态生成几行几列的方法示例
Jul 11 Javascript
小程序新版订阅消息模板消息
Dec 31 Javascript
微信小程序保存图片到相册权限设置
Apr 09 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 empty函数判断mysql表单是否为空
2010/04/12 PHP
php URL跳转代码 减少外链
2011/06/25 PHP
PHP生成sitemap.xml地图函数
2013/11/13 PHP
ZF框架实现发送邮件的方法
2015/12/03 PHP
PHP文件操作之获取目录下文件与计算相对路径的方法
2016/01/08 PHP
PHP使用curl函数发送Post请求的注意事项
2016/11/26 PHP
PHP正则替换函数preg_replace()报错:Notice Use of undefined constant的解决方法分析
2017/02/04 PHP
PHP从尾到头打印链表实例讲解
2018/09/27 PHP
PHP实现基于状态的责任链审批模式详解
2019/05/31 PHP
JS随即打乱数组实现代码
2012/12/03 Javascript
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
2013/06/14 Javascript
javascript中比较字符串是否相等的方法
2013/07/23 Javascript
自定义ExtJS控件之下拉树和下拉表格附源码
2013/10/15 Javascript
jquery队列queue与原生模仿其实现方法分享
2014/03/25 Javascript
jQuery中animate动画第二次点击事件没反应
2015/05/07 Javascript
用JavaScript实现PHP的urlencode与urldecode函数
2015/08/13 Javascript
JavaScript 基础函数_深入剖析变量和作用域
2016/05/18 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
2017/02/14 Javascript
jquery拼接ajax 的json和字符串拼接的方法
2017/03/11 Javascript
axios学习教程全攻略
2017/03/26 Javascript
详解vue 项目白屏解决方案
2018/10/31 Javascript
mui js控制开关状态、修改switch开关的值方法
2019/09/03 Javascript
JSX在render函数中的应用详解
2019/09/04 Javascript
IE11下CKEditor在Bootstrap Modal中下拉问题的解决
2019/09/25 Javascript
微信小程序仿通讯录功能
2020/04/09 Javascript
Python time模块详解(常用函数实例讲解,非常好)
2014/04/24 Python
Python实现的字典排序操作示例【按键名key与键值value排序】
2018/12/21 Python
Python autoescape标签用法解析
2020/01/17 Python
基于selenium及python实现下拉选项定位select
2020/07/22 Python
突袭HTML5之Javascript API扩展3—本地存储全新体验
2013/01/31 HTML / CSS
Mio Skincare英国官网:身体紧致及孕期身体护理
2018/08/19 全球购物
文秘自荐信
2014/06/28 职场文书
项目投资合作意向书
2014/07/29 职场文书
2014年高三班主任工作总结
2014/12/05 职场文书
离婚起诉书怎么写
2015/05/19 职场文书
总经理聘用协议书
2015/09/21 职场文书