1、在电脑桌面新建一个名为index.html页面和一个名为ajax_info.txt文档。
2、双击打开ajax_info.txt文档,在文档中输入“<h1>Success!</h1>”。
3、使用记事本打开index.html页面,输入如下代码:<!DOCTYPE html><html><head><meta charset="GBK"><script>function load(){ var xmlhttp; if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp=new XMLHttpRequest(); } else { // IE6, IE5 浏览器执行代码 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","ajax_info.txt",true); xmlhttp.send();}</script></head><body><div id="myDiv"><h2>ajax请求成功了吗?</h2><button type="button" onclick="load()">点击我可以查看呦</button></div></body></html>
4、回到桌面,使用浏览器打开index.html页面。
5、浏览中会告诉我们,点击下方按钮可以查看ajax请求是否成功。
6、点击按钮后,页面便会提示“Success!”。这告诉我们ajax请求成功啦。否则,ajax请求就失败喽。