Question

我很难理解并获得我正在使用的代码的预期功能。因为我没有使用jQuery的经验，所以我很难弄清楚这一点。

我创建了一个简单的.html文件，其中包含以下代码。我希望得到的回复是xhr.status + " " + xhr.statusText，您可以在下面的error状态调用中看到。但这实际上是我得到的全部。没有使用的网址正在执行success状态。这有什么不对？

<!DOCTYPE html>
<html>
<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
Error response:
<div id="success"></div>
<script>
    var url ="http://www.google.ca/";
    $("#success").load(url, function (response, status, xhr) {
        if (status == "error") {
            var msg = "Sorry but there was an error: ";
            $("#success").html(msg + xhr.status + " " + xhr.statusText);
        } else if(status=='success') {
            $('#success').html(response);
        }
        else {alert(status)}
    });
</script>
</body>
</html>

在我的代码结束时，我想定位我的tomcat主页安装（http://localhost:8080/），只是为了知道Tomcat是否正在运行。

Answer 1

您正在尝试对其他域进行ajax调用。除非您覆盖access-controll-allow-origin标头，否则不允许跨域进行Ajax调用。尝试向位于localhost域的html发出请求以进行测试。

JQuery .load（url，function（response，status，xhr）

1 个答案: