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 相关文章推荐
javascript中substr,substring,slice.splice的区别说明
Nov 25 Javascript
打开新窗口关闭当前页面不弹出关闭提示js代码
Mar 18 Javascript
用javascript添加控件自定义属性解析
Nov 25 Javascript
JavaScript基础重点(必看)
Jul 09 Javascript
浅谈jQuery before和insertBefore的区别
Dec 04 Javascript
Vue 项目部署到服务器的问题解决方法
Dec 05 Javascript
详解Eslint 配置及规则说明
Sep 10 Javascript
小程序登录态管理的方法示例
Nov 13 Javascript
js微信分享接口调用详解
Jul 23 Javascript
vue使用swiper实现中间大两边小的轮播图效果
Nov 24 Javascript
jquery实现简单自动轮播图效果
Jul 29 jQuery
基于JavaScript实现简单抽奖功能代码实例
Oct 20 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
ThinkPHP查询返回简单字段数组的方法
2014/08/25 PHP
详解PHP版本兼容之openssl调用参数
2018/07/25 PHP
解决html按钮切换绑定不同函数后点击时执行多次函数问题
2014/05/14 Javascript
a标签click和href执行顺序探讨
2014/06/23 Javascript
一个小例子解释如何来阻止Jquery事件冒泡
2014/07/17 Javascript
JS实现黑色大气的二级导航菜单效果
2015/09/18 Javascript
jQuery插件之Tocify动态节点目录菜单生成器附源码下载
2016/01/08 Javascript
jquery表单验证实例仿Toast提示效果
2017/03/03 Javascript
react开发中如何使用require.ensure加载es6风格的组件
2017/05/09 Javascript
Angular实现下载安装包的功能代码分享
2017/09/05 Javascript
在vue中安装使用vux的教程详解
2018/09/16 Javascript
快速对接payjq的个人微信支付接口过程解析
2019/08/15 Javascript
我所理解的JavaScript中的this指向
2020/09/04 Javascript
[01:00:59]VP VS VG Supermajor小组赛胜者组第二轮 BO3第二场 6.2
2018/06/03 DOTA
书单|人生苦短,你还不用python!
2017/12/29 Python
Python中的 enum 模块源码详析
2019/01/09 Python
python如何爬取网页中的文字
2020/07/28 Python
python 30行代码实现蚂蚁森林自动偷能量
2021/02/08 Python
HTML5本地存储之Web Storage应用介绍
2013/01/06 HTML / CSS
意大利体育用品网上商城:Nencini Sport
2016/08/18 全球购物
澳大利亚正品化妆品之家:Cosmetic Capital
2017/07/03 全球购物
大唐电信科技股份有限公司java工程师面试经历
2016/12/09 面试题
应届生船舶驾驶求职信
2013/10/19 职场文书
医学专业大学生求职的自我评价
2013/11/27 职场文书
七夕活动策划方案
2014/08/16 职场文书
房产分割协议书范文
2014/11/21 职场文书
工作失职检讨书
2015/01/26 职场文书
财务工作个人总结
2015/02/27 职场文书
元旦晚会开场白
2015/05/29 职场文书
合作合同协议书
2016/03/21 职场文书
导游词之江苏溱潼古镇
2019/11/27 职场文书
关于redisson缓存序列化几枚大坑说明
2021/08/04 Redis
node快速搭建后台的实现步骤
2022/02/18 NodeJs
豆瓣2021评分最高动画剧集-豆瓣评分最高的动画剧集2021
2022/03/18 日漫
默认网关不可用修复后过一会又不好使了解决方法
2022/04/08 数码科技
Elasticsearch 配置详解
2022/04/19 Java/Android