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> 效果图 |
|
上一篇: onreadystatechange 事件 | 下一篇: AJAX PHP实例 |