前端小白问题求助。

新手上路,请多包涵

最近学了下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)

阅读 1.4k
1 个回答

本地去跑?打开html文件时候,地址栏是file://开头的吗?
如果是的话,那就是跨域了啊(跨域说明),请求不了https://www.runoob.com 是正常的。按F12调出开发者工具看看有没有报错吧

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题