最近学了下java, html和javascript准备写一个前后端网站,结果遇到了一个问题
https://www.runoob.com/try/tr...
这是菜鸟教程一个用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.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","https://www.runoob.com/try/ajax/ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
<button type="button" onclick="loadXMLDoc()">修改内容</button>
</body>
</html>
我试了一下用了Chrome的ARC工具试了一下,一切正常,说明这个网址是没问题的
那么,我那个代码问题在哪呢,我自己有试着debug一下,发现xmlhttp.status永远是0(即使readystatus是4)
本地去跑?打开html文件时候,地址栏是file://开头的吗?
如果是的话,那就是跨域了啊(跨域说明),请求不了https://www.runoob.com 是正常的。按F12调出开发者工具看看有没有报错吧