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

2019-12-18,,,,,

本文实例讲述了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回调函数的定义及用法实例
  • 使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享
  • 从零学jquery之如何使用回调函数
  • jQuery AJAX回调函数this指向问题
  • jQuery Ajax Post 回调函数不执行问题的解决方法
  • 浅谈jquery回调函数callback的使用
  • jquery序列化表单以及回调函数的使用示例
  • jquery Deferred 快速解决异步回调的问题
  • jQuery插件扩展实例【添加回调函数】
  • jQuery回调方法使用示例

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

下载本文的Word格式文档,以方便收藏与打印。