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 相关文章推荐
用倒置滤镜把div倒置,再把table倒置。
Jul 31 Javascript
TBCompressor js代码压缩
Jan 05 Javascript
JavaScript中创建类/对象的几种方法总结
Nov 29 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
Oct 14 Javascript
ES6解构赋值实例详解
Oct 31 Javascript
vue.js select下拉框绑定和取值方法
Mar 03 Javascript
vue如何在自定义组件中使用v-model
May 14 Javascript
解决vue项目中type=”file“ change事件只执行一次的问题
May 16 Javascript
解决element UI 自定义传参的问题
Aug 22 Javascript
详解webpack模块加载器兼打包工具
Sep 11 Javascript
详解JS取出两个数组中的不同或相同元素
Mar 20 Javascript
利用Node.js如何实现文件循环覆写
Apr 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 正则匹配函数体
2009/08/25 PHP
探讨GDFONTPATH能否被winxp下的php支持
2013/06/21 PHP
php天翼开放平台短信发送接口实现方法
2014/12/22 PHP
php静态文件返回304技巧分享
2015/01/06 PHP
php7函数,声明,返回值等新特性介绍
2018/05/25 PHP
JS将表单导出成EXCEL的实例代码
2013/11/11 Javascript
javascript实现table表格隔行变色的方法
2015/05/13 Javascript
node.js回调函数之阻塞调用与非阻塞调用
2015/11/13 Javascript
原生javascript实现图片无缝滚动效果
2016/02/12 Javascript
JavaScript弹窗基础篇
2016/04/27 Javascript
JavaScript实现经典排序算法之插入排序
2016/12/28 Javascript
JavaScript中的遍历详解(多种遍历)
2017/04/07 Javascript
JavaScript数据结构之二叉树的删除算法示例
2017/04/13 Javascript
Parcel 打包示例(React HelloWorld)
2018/01/16 Javascript
JS如何在数组指定位置插入元素
2020/03/10 Javascript
Vue自动构建发布脚本的方法示例
2020/07/24 Javascript
详解pandas删除缺失数据(pd.dropna()方法)
2019/06/25 Python
Flask框架学习笔记之模板操作实例详解
2019/08/15 Python
django创建最简单HTML页面跳转方法
2019/08/16 Python
django中的图片验证码功能
2019/09/18 Python
python 利用turtle模块画出没有角的方格
2019/11/23 Python
Python PyPDF2模块安装使用解析
2020/01/19 Python
aws 通过boto3 python脚本打pach的实现方法
2020/05/10 Python
用python给csv里的数据排序的具体代码
2020/07/17 Python
Python3.7安装PyQt5 运行配置Pycharm的详细教程
2020/10/15 Python
Superdry瑞典官网:英国日本街头风品牌
2017/05/17 全球购物
2014法院四风问题对照检查材料思想汇报
2014/10/04 职场文书
2015年国税春训心得体会
2015/03/09 职场文书
2015年监理工作总结范文
2015/04/07 职场文书
建国大业观后感800字
2015/06/01 职场文书
2016年基层党支部书记公开承诺书
2016/03/25 职场文书
2021-4-5课程——SQL Server查询【3】
2021/04/05 SQL Server
Pyhton模块和包相关知识总结
2021/05/12 Python
CSS 使用 resize 实现图片拖拽切换预览功能(强大功能)
2021/08/23 HTML / CSS
golang语言指针操作
2022/04/14 Golang
Android Canvas绘制文字横纵向对齐
2022/06/05 Java/Android