位置:电子教程 > ajax教程 (如果看不到内容请使用360浏览器) 推荐学习资源
AJAX 教程概要
AJAX 工作原理
创建 XMLHttpRequest 对象
XMLHttpRequest请求
XMLHttpRequest 服务器 响应
onreadystatechange 事件
AJAX PHP实例
AJAX 3级联动全国区域
当前阅读教程:ajax教程 > 使用回调函数
阅读(22555525)      收藏       赞(5685)      分享
上一篇: onreadystatechange 事件 下一篇: AJAX PHP实例

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

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

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

完整代码

<!DOCTYPE html>
<html>
<title>小白教程网(www.2d5.net)</title>
<head>
    <meta charset="utf-8">
    <script>
             var xmlhttp;
            
             function loadTxt(url,cfunc)
             {
               if (window.XMLHttpRequest)
               {// IE7+, Firefox, Chrome, Opera, Safari 代码
               xmlhttp=new XMLHttpRequest();
               }
                else
               {// IE6, IE5 代码
               xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
               }
                      xmlhttp.onreadystatechange=cfunc;
                      xmlhttp.open("GET",url,true);
                      xmlhttp.send();
             }
            
             function myFunction()
             {
                      loadTxt("ajax02.txt",function()
                      {
                               if (xmlhttp.readyState==4 && xmlhttp.status==200)
                               {
                                    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
                               }
                      });
             }
            
    </script>
</head>
<body>
 
<div id="myDiv">默认显示的文字</div>
<button type="button" onclick="myFunction()">获取文件的信息</button>
 
</body>
</html>

效果图

小白教程网www.2d5.net

image.png


上一篇: onreadystatechange 事件 下一篇: AJAX PHP实例
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)