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功能函数代码
Jun 23 Javascript
javascript是怎么继承的介绍
Jan 05 Javascript
JavaScript实现简单图片滚动附源码下载
Jun 17 Javascript
jQuery固定元素插件scrolltofixed使用指南
Apr 21 Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
Dec 06 Javascript
js实现页面跳转的五种方法推荐
Mar 10 Javascript
JS按钮闪烁功能的实现代码
Jul 21 Javascript
微信小程序使用navigateTo数据传递的实例
Sep 26 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
vue2.0模拟锚点的实例
Mar 14 Javascript
js实现数字从零慢慢增加到指定数字示例
Nov 07 Javascript
微信小程序实现导航栏和内容上下联动功能代码
Jun 29 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项目打包方法
2008/02/18 PHP
php旋转图片90度的方法
2013/11/07 PHP
php事件驱动化设计详解
2016/11/10 PHP
详解PHP使用Redis存储session时的一个Warning定位
2017/07/05 PHP
php实现姓名根据首字母排序的类与方法(实例代码)
2018/05/16 PHP
如何在Laravel5.8中正确地应用Repository设计模式
2019/11/26 PHP
js 获取中文拼音,Select自动匹配字母获取值的代码
2009/09/23 Javascript
AJAX 网页保留浏览器前进后退等功能
2011/02/12 Javascript
JS 精确统计网站访问量的实例代码
2013/07/05 Javascript
JS常见问题整理(持续更新)
2013/08/06 Javascript
JS动态添加与删除select中的Option对象(示例代码)
2013/12/20 Javascript
一个JavaScript的求爱小特效
2014/05/09 Javascript
JS获取IMG图片高宽的简单实例
2016/05/17 Javascript
深入理解JavaScript中的预解析
2017/01/04 Javascript
Bootstrap datepicker日期选择器插件使用详解
2017/07/26 Javascript
bootstrap 点击空白处popover弹出框隐藏实例
2018/01/24 Javascript
基于vue,vue-router, vuex及addRoutes进行权限控制问题
2018/05/02 Javascript
file-loader打包图片文件时路径错误输出为[object-module]的解决方法
2020/01/03 Javascript
JS实现小米轮播图
2020/09/21 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
2020/12/10 Vue.js
[15:23]教你分分钟做大人:虚空假面
2014/10/30 DOTA
python基于twisted框架编写简单聊天室
2018/01/02 Python
python实现向微信用户发送每日一句 python实现微信聊天机器人
2019/03/27 Python
python3对拉勾数据进行可视化分析的方法详解
2019/04/03 Python
Python中sys模块功能与用法实例详解
2020/02/26 Python
python中tkinter窗口位置\坐标\大小等实现示例
2020/07/09 Python
css和css3弹性盒模型实现元素宽度(高度)自适应
2019/05/15 HTML / CSS
顶级宝石首饰网络零售商:Angara
2016/10/25 全球购物
StubHub美国:购买或出售您的门票
2019/07/09 全球购物
商业门面租房协议书
2014/11/25 职场文书
班级管理经验交流材料
2015/11/02 职场文书
go xorm框架的使用
2021/05/22 Golang
Pytorch GPU内存占用很高,但是利用率很低如何解决
2021/06/01 Python
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP
Python基础教程,Python入门教程(超详细)
2021/06/24 Python
聊一聊Redis与MySQL双写一致性如何保证
2021/06/26 Redis