ajax原声请求

最新推荐文章于 2021-10-05 19:32:21 发布

沪飘大军

最新推荐文章于 2021-10-05 19:32:21 发布

阅读量341

点赞数 1

CC 4.0 BY-SA版权

分类专栏： ajax原生文章标签： web前端 ajax原生

本文链接：https://blog.youkuaiyun.com/weixin_37556481/article/details/79231790

ajax原生专栏收录该内容

2 篇文章

订阅专栏

ajax是一种不加载页面的请求方式，编编最近看了一下，代码如下:

<!DOCTYPE html>
<html>


<head>
<meta
charset="utf-8">
<script>
function
loadXMLDoc() {
var
xmlhttp;
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp =
new XMLHttpRequest();
} 
else {
// IE6, IE5 浏览器执行代码
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>


<div
id="myDiv">
<h2>使用 AJAX 修改该文本内容</h2>
</div>
<button
type="button"
onclick="loadXMLDoc()">修改内容</button>


</body>


</html>