信鸽网

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

  作者：bea

本文实例讲述了jQuery的load()方法及其回调函数用法。分享给大家供大家参考。具体如下： 下面的js代码演示了jQuery的load()方法的使用，并演示了带回调函数(callback)的load方法的使用 <!DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$(document).ready(fu

本文实例讲述了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程序设计有所帮助。




有用  |  无用

猜你喜欢

您可能感兴趣的文章: