ajax原生请求

最新推荐文章于 2024-01-13 22:40:12 发布

原创最新推荐文章于 2024-01-13 22:40:12 发布 · 207 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#web前端 #ajax原生

ajax原生专栏收录该内容

2 篇文章

订阅专栏

ajax请求不用刷新页面，比form提交要好不少，ajax的插件也很多，最近百度了一下ajax源码，源码很简单，但他却很实用，代码如下:

<!Doctype html>
<html>


<head>
<meta
charset='utf-8'>
<script>
function
load() {
var
xmlhttp;
if (window.XMLHttpRequest) {
xhmhttp =
new XMLHttpRequest()
}
else {
xmlhttp =
new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET",
"/try/ajax/ajax_info.txt", 
true);
xmlhttp.send();
xmlhttp.onreadystatechange =
function() {
if (xmlhttp.readyState ==
4 && xmlhttp.status ==
200) {
document.getElementById("myDiv").innerHTML
 = xmlhttp.responseText;
}
}
}
</script>
</head>


<body>
<button
type="button"
onclick="loadXMLDoc()">修改内容</button>
</body>


</html>
 关键词:XMLHttpRequest,new
ActiveXObject("Microsoft.XMLHTTP"),open,send,onreadystatechange
 这段代码确实可行，不喜勿喷，交流讨论添加微信号:17312678391