前端小白问题求助。

Question

前端小白问题求助。

发布于
2021-05-25

新手上路，请多包涵

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

javascript 前端 html

阅读 1.4k

1 个回答

柱子哥

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

撰写回答