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 相关文章推荐
extjs之去除s.gif的影响
Dec 25 Javascript
JS Date函数整理方便使用
Oct 23 Javascript
Javascript限制网页只能在微信内置浏览器中访问
Nov 09 Javascript
javascript中select下拉框的用法总结
Jan 07 Javascript
jsTree使用记录实例
Dec 01 Javascript
简单三步实现报表页面集成天气
Dec 15 Javascript
快速解决处理后台返回json数据格式的问题
Aug 07 Javascript
vue中接口域名配置为全局变量的实现方法
Sep 20 Javascript
JS异步执行结果获取的3种解决方式
Feb 19 Javascript
150行Node.js实现的dns代理工具
Aug 02 Javascript
js实现多个标题吸顶效果
Jan 08 Javascript
Vue 如何使用props、emit实现自定义双向绑定的实现
Jun 05 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扩展vld查看PHP opcode操作步骤
2013/03/04 PHP
PHP 正则判断中文UTF-8或GBK的思路及具体实现
2013/11/26 PHP
PHP加密解密类实例分析
2015/04/20 PHP
Laravel框架中缓存的使用方法分析
2019/09/06 PHP
javascript编程起步(第二课)
2007/02/27 Javascript
实现checkbox全选、反选、取消JavaScript小脚本异常
2014/04/10 Javascript
jquery禁用右键示例
2014/04/28 Javascript
JavaScript实现数字数组按照倒序排列的方法
2015/04/06 Javascript
灵活的理解JavaScript中的this指向
2016/02/25 Javascript
bootstrap datetimepicker2.3.11时间插件使用
2016/11/19 Javascript
PHP+jquery+ajax实现分页
2016/12/09 Javascript
ajax的分页查询示例(不刷新页面)
2017/01/11 Javascript
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
2017/03/09 Javascript
vue 实现 tomato timer(蕃茄钟)实例讲解
2017/07/24 Javascript
深入理解ES7的async/await的用法
2017/09/09 Javascript
基于webpack.config.js 参数详解
2018/03/20 Javascript
Node.js使用Angular简单示例
2018/05/11 Javascript
vue实现双向绑定和依赖收集遇到的坑
2018/11/29 Javascript
三分钟教你用Node做一个微信哄女友(基友)神器(面向小白)
2019/06/21 Javascript
javascript设计模式 ? 享元模式原理与用法实例分析
2020/04/15 Javascript
详细分析vue表单数据的绑定
2020/07/20 Javascript
[03:24]DOTA2超级联赛专访hao 大翻盘就是逆袭
2013/05/24 DOTA
[00:57]深扒TI7聊天轮盘语音出处5
2017/05/11 DOTA
Python实现决策树C4.5算法的示例
2018/05/30 Python
你应该知道的30个css选择器
2014/03/19 HTML / CSS
使用HTML和CSS3绘制基本卡通图案的示例分享
2015/11/06 HTML / CSS
美国设计师精美珠宝购物网:Netaya
2016/08/28 全球购物
Perricone MD裴礼康美国官网:抗衰老护肤品
2016/09/26 全球购物
校园十佳歌手策划书
2014/01/22 职场文书
期末评语大全
2014/05/04 职场文书
商业计算机应用专业自荐书
2014/06/09 职场文书
高一课前三分钟演讲稿
2014/09/13 职场文书
2014年仓库管理员工作总结
2014/11/18 职场文书
优秀大学生事迹材料
2014/12/24 职场文书
交通事故调解协议书
2015/05/20 职场文书
婚庆公司开业主持词
2015/06/30 职场文书