ajax-初始

最新推荐文章于 2022-10-13 23:19:32 发布

邱家少爷

最新推荐文章于 2022-10-13 23:19:32 发布

阅读量101

点赞数

本文链接：https://blog.csdn.net/qq_39047764/article/details/79669318

版权

<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<style type="text/css">
</style>
</head>
<body>
<div id="mydiv"><h2>Let AJAX change this text</h2></div>
<button type="button" οnclick="loadXMLDoc()">通过 AJAX 改变内容</button>
</body>
<script>
function loadXMLDoc(){
var xmlhttp;//创建一个空对象，
if(window.XMLHttpRequest){//判断浏览器是否支持
xmlhttp=new XMLHttpRequest();
} else{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){//判断是否链接成功
if(xmlhttp.readyState==4&&xmlhttp.status==200){//成功之后执行获取文件内容
document.getElementById('mydiv').innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open('get','a.txt',true);//方法
xmlhttp.send();//调用到页面

}/*

1：报错：Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

浏览器跨域的问题，没开服务器就会出现这个报错

2：

</script>

</html>