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解决数字不能换行问题
Aug 10 Javascript
Javascript 函数parseInt()转换时出现bug问题
May 20 Javascript
用html+css+js实现的一个简单的图片切换特效
May 28 Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
Apr 16 Javascript
js HTML5 Ajax实现文件上传进度条功能
Feb 13 Javascript
JavaScript弹窗基础篇
Apr 27 Javascript
JavaScript计时器用法分析【setTimeout和clearTimeout】
Jan 18 Javascript
用jQuery实现圆点图片轮播效果
Mar 19 Javascript
webpack配置文件和常用配置项介绍
Apr 28 Javascript
Node.js自定义实现文件路由功能
Sep 22 Javascript
vue.js简单配置axios的方法详解
Dec 13 Javascript
微信小程序webview实现长按点击识别二维码功能示例
Jan 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.ini中添加extension=php_mysqli.dll指令的说明
2007/06/14 PHP
php加密算法之实现可逆加密算法和解密分享
2014/01/21 PHP
php中使用getimagesize获取图片、flash等文件的尺寸信息实例
2014/04/29 PHP
PHP代码维护,重构变困难的4种原因分析
2016/01/25 PHP
浅析PHP7新功能及语法变化总结
2016/06/17 PHP
thinkphp关于简单的权限判定方法
2017/04/03 PHP
PHP设计模式之装饰器(装饰者)模式(Decorator)入门与应用详解
2019/12/13 PHP
动态样式类封装JS代码
2009/09/02 Javascript
jQuery boxy弹出层插件中文演示及使用讲解
2011/02/24 Javascript
js日期相关函数总结分享
2013/10/15 Javascript
javascript图片预加载实例分析
2015/07/16 Javascript
window.location.hash知识汇总
2015/11/09 Javascript
jquery+php实现滚动的数字特效
2015/11/29 Javascript
jQuery插件imgPreviewQs实现上传图片预览
2016/01/15 Javascript
Angular的$http与$location
2016/12/26 Javascript
AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
2017/10/24 Javascript
详解Vue.js项目API、Router配置拆分实践
2018/03/16 Javascript
apicloud拉起小程序并传递参数的方法示例
2018/11/21 Javascript
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
2018/12/06 jQuery
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
2019/06/07 Javascript
详解webpack的文件监听实现(热更新)
2020/09/11 Javascript
python以环状形式组合排列图片并输出的方法
2015/03/17 Python
python计算时间差的方法
2015/05/20 Python
Python结巴中文分词工具使用过程中遇到的问题及解决方法
2017/04/15 Python
Python3使用turtle绘制超立方体图形示例
2018/06/19 Python
python实战串口助手_解决8串口多个发送的问题
2019/06/12 Python
Python通过正则库爬取淘宝商品信息代码实例
2020/03/02 Python
Python类super()及私有属性原理解析
2020/06/15 Python
python实现简单的tcp 文件下载
2020/09/16 Python
香港通票:Hong Kong Pass
2019/02/26 全球购物
实习期自我鉴定
2013/10/11 职场文书
文秘自荐信
2014/06/28 职场文书
房产转让协议书(2014版)
2014/09/30 职场文书
教师调动申请报告
2015/05/18 职场文书
离婚答辩状怎么写
2015/05/22 职场文书
MySQL约束(创建表时的各种条件说明)
2022/06/21 MySQL