使用 Callback 函数

最新推荐文章于 2024-04-12 04:03:35 发布

matrix_db

最新推荐文章于 2024-04-12 04:03:35 发布

阅读量793

点赞数 1

本文链接：https://blog.csdn.net/matrix_db/article/details/80677219

版权

 
 使用 Callback 函数 

 
 callback 函数是一种以参数形式传递给另一个函数的函数。 

 
 如果您的网站上存在多个 AJAX 任务，那么您应该为创建 XMLHttpRequest 对象编写一个 
 标准 
 的函数，并为每个 AJAX 任务调用该函数。 

 
 该函数调用应该包含 URL 以及发生 onreadystatechange 事件时执行的任务（每次调用可能不尽相同）： 

 
 function myFunction(){loadXMLDoc(" 
 ajax_info.txt 
 ",function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } });} 

  <html> 

  <head> 

  <script type="text/javascript"> 

  var xmlhttp; 

  function loadXMLDoc(url,cfunc) 

{

  if (window.XMLHttpRequest) 

    {// code for IE7+, Firefox, Chrome, Opera, Safari 

    xmlhttp=new XMLHttpRequest(); 

}

  else 

    {// code for IE6, IE5 

    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 

}

  xmlhttp.onreadystatechange=cfunc; 

  xmlhttp.open("GET",url,true); 

  xmlhttp.send(); 

}

  function myFunction() 

{

  loadXMLDoc( 
 "/ajax/test1.txt",function() 

{

    if (xmlhttp.readyState==4 && xmlhttp.status==200) 

{

      document.getElementById("myDiv").innerHTML=xmlhttp.responseText; 

}

});

}

  </script> 

  </head> 

  <body> 

  <div id="myDiv"><h2>Let AJAX change this text</h2></div> 

  <button type="button" οnclick="myFunction()">通过 AJAX 改变内容</button> 

  </body> 

  </html> 

matrix_db

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
使用 Callback 函数

使用 Callback 函数callback 函数是一种以参数形式传递给另一个函数的函数。如果您的网站上存在多个 AJAX 任务，那么您应该为创建 XMLHttpRequest 对象编写一个标准的函数，并为每个 AJAX 任务调用该函数。该函数调用应该包含 URL 以及发生 onreadystatechange 事件时执行的任务（每次调用可能不尽相同）：function myFunction(){...
复制链接

扫一扫