手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

怎么判断ajax请求成功

时间:2024-10-13 18:12:33

1、在电脑桌面新建一个名为index.html页面和一个名为ajax_info.txt文档。

怎么判断ajax请求成功

2、双击打开ajax_info.txt文档,在文档中输入“<h1>Success!</h1>”。

怎么判断ajax请求成功

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>

怎么判断ajax请求成功

4、回到桌面,使用浏览器打开index.html页面。

怎么判断ajax请求成功

5、浏览中会告诉我们,点击下方按钮可以查看ajax请求是否成功。

怎么判断ajax请求成功

6、点击按钮后,页面便会提示“Success!”。这告诉我们ajax请求成功啦。否则,ajax请求就失败喽。

怎么判断ajax请求成功
© 手抄报圈