编程 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 相关文章推荐

用JS剩余字数计算的代码

Jul 03 Javascript

javascript 鼠标滚轮事件

Apr 09 Javascript

javascript 处理HTML元素必须避免使用的一种方法

Jul 30 Javascript

JS localStorage实现本地缓存的方法

Jun 22 Javascript

JavaScript利用构造函数和原型的方式模拟C#类的功能

Mar 06 Javascript

jquery实现选中单选按钮下拉伸缩效果

Aug 06 Javascript

jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果

Oct 28 Javascript

javascript新闻跑马灯实例代码

Jul 29 Javascript

js, jQuery实现全选、反选功能

Mar 08 Javascript

vue框架中props的typescript用法详解

Feb 17 Javascript

JS异步宏队列与微队列原理区别详解

Jul 02 Javascript

React+EggJs实现断点续传的示例代码

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