javascript - 从自定义模块模式 Javascript 库调用 XMLHttpRequest 时没有任何反应

Question

我想构建一个小型库来访问我的 REST 服务。作为一项实验，我决定创建一个小型 JavaScript 库来使用。

我在 html 5 页面中创建了以下 Javascript:

<script src="myLibrary.js"></script>
<script>
    myLib.getStuff();
</script>

在 myLibrary.js 中我添加了:

var myLib = (function () {

    function getStuff () {

        alert("started getStuff...");

        var getRequest = new XMLHttpRequest();
        getRequest.open('GET', 'http://www.mozilla.org/', false);
        getRequest.send(null);

        if (getRequest.status === 200) {
            alert(request.responseText);
        }

        alert("finished getStuff...");
    }

    return {
        getStuff: getStuff
    };
})();

在 Mac 版 FireFox 和 Chrome 的最新版本中，我收到“started getStuff...”警报，然后就没有任何消息了。目前尚不清楚为什么请求没有得到回应。我认为 Chrome 和 FireFox 支持 XMLHttpRequest。

关于如何让它发挥作用有什么想法吗？

Answer 1

您正在尝试发出跨源请求，出于安全原因，默认情况下浏览器会阻止它们。

有多种方法可以解决这个问题。您可以在您的域上使用代理并将请求传递到远程站点。

或者，如果您还控制远程站点(并且可以处理一些跨浏览器黑客行为)，您可以使用 CORS .