javascript - Ajax 中的 URL open()

标签 javascript ajax

这是我的第一个 Ajax 程序,我无法修复代码,因为我不确定问题出在哪里。

使用调试器时的错误(我无法解释)是, XMLHttpRequest 无法加载 http://localhost/function.txt .请求的资源上不存在“Access-Control-Allow-Origin” header 。因此不允许访问 Origin 'null'。

function calling()
{
    var x;
    if (window.XMLHttpRequest) {
    x = new XMLHttpRequest();
    } else {

    x = new ActiveXObject("Microsoft.XMLHTTP");
    }

    x.onreadystatechange = function(){
        if(this.readyState == 4 && this.status == 200)
        {
            document.getElementById("block").innerHTML = this.responseText;
        }

    };
    x.open("GET", "http://localhost/function.txt",true);
    x.send();
}

函数.txt

<html>
<head></head>
<body>
<h2>Ajax is working</h2>
</body>
</html>

最佳答案

您的 js 是否与您的 function.txt 位于同一位置?

有关 CORS 的更多信息,请查看此链接:https://www.html5rocks.com/en/tutorials/cors/

更新: 这对我有用,我认为您的 Apache 设置可能有问题...

function calling()
{
  var xhr = new XMLHttpRequest(),
      method = "GET",
      url = "function.txt";

  xhr.open(method, url, true);
  xhr.onreadystatechange = function () {
          if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
              alert(xhr.responseText);
          }
      };
  xhr.send();
}

calling();

关于javascript - Ajax 中的 URL open(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43140323/

相关文章:

javascript - 如何确定像素的颜色或色调对应于某种颜色的度数范围?

javascript - 来自 BackHandler 的 React Native setState 未按预期工作

c# - 从 Razor 文件中定义的 href 调用 Javascript 函数

ajax - Extbase Ajaxdispatcher 给出错误 "The default controller can not be determined"

javascript - CSS 模块在 React 16.13.1 中不起作用

javascript - 为什么我会收到此 Cloud Firestore 功能错误?

javascript - 使用 jquery 的 AJAX 的外部 scripts.js 在 HTMLInputElement.onkeyup 处返回 Uncaught ReferenceError

javascript - 无法绑定(bind) ajax :success to form created with form_for . ...:remote => true

javascript - ajax中从字符串中提取十进制数字

Javascript:使用正则表达式验证网站 URL