编程 Javascript

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程序设计有所帮助。

jQuery的load()方法及其回调函数用法实例

- Author -

上大王

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

查看大图功能代码jquery版

Nov 05 Javascript

js对图片base64编码字符串进行解码并输出图像示例

Mar 17 Javascript

JS实现判断滚动条滚到页面底部并执行事件的方法

Dec 18 Javascript

js面向对象之静态方法和静态属性实例分析

Jan 10 Javascript

JavaScript实现强制重定向至HTTPS页面

Jun 10 Javascript

JS实现下拉菜单赋值到文本框的方法

Aug 18 Javascript

使用堆实现Top K算法（JS实现）

Dec 25 Javascript

jQuery选择器之属性过滤选择器详解

Sep 28 jQuery

angularjs下ng-repeat点击元素改变样式的实现方法

Sep 12 Javascript

微信小程序模板消息限制实现无限制主动推送的示例代码

Aug 27 Javascript

JS常见内存泄漏及解决方案解析

May 30 Javascript

Vue组件跨层级获取组件操作

Jul 27 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