javascript - jQuery ajax 调用无法打开请求的站点

Question

我有一个

<button id="myid">

在我的 HTML 代码中。 在我的 JS 文件中，我 try catch 点击事件并调用特定的 URL - 就像点击普通的 HTML 链接一样。

这就是我所做的:

$('#myid').on('click', function () {
    doSomething();
});

var doSomething = function () {
    $.ajax({
        url: "/targetURL",
        type: "GET",
        cache: false,
        async: true,
        error: function (error) {
            console.log(error);
        }
    });
}

所以 - URL 被调用，但响应没有显示 - 我猜是因为这是一个 ajax 调用。但我该如何处理呢？

Answer 1

与处理 error 的方式相同您应该处理 success() 的函数如果 ajax 则触发的函数调用成功。

而且你不需要设置async: true因为它被设置为 true默认情况下。

添加.preventDefualt()至click函数，以确保当您单击按钮时唯一发生的事情是您想要触发的函数。

$('#myid').on('click', function(e) {
    e.preventDefault();
    doSomething();
});

var doSomething= function(){
    $.ajax({
        url: "/targetURL",
        type: "GET",
        cache: false,
        success: function(data) {
            console.log(data);
        }
        error: function(error) {
            console.log(error);
        }
    });
}

data success() 中的参数函数 ajax 返回的数据。因此，当您登录控制台时，您可以看到该结构，以便您知道稍后如何处理它。