怎么判断ajax请求成功

2025-10-09 15:44:52

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请求成功

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢