ajax 中的异步在 Chrome 下不再起作用

Question

我使用 jquery 1.9 几个月了，当用户单击链接时，我使用 jQuery 执行$.ajax。

实际上，当用户单击该链接时，会在加载下一页（长时间加载）时执行 ajax 查询。这曾经在 Chrome 和 IE 9 下与 async: false 完美配合。

但两周前我已将 Chrome 更新到最新版本，但这不再起作用（ajax 未加载但出现下一页）。但它仍然可以在 IE 下运行。

这里是我的 $.ajax 代码：

function doOnClick(id) {
    $.ajax({
        dataType: "json",
        url: 'http://...",
        async: false,
        data: { id : id }
    }).success(function(data) {
        //do some stuff
}).fail(function(){ 
        //do some stuff 
    });
}

还有我的链接：

<a href="http://..." onclick="doOnClick(1);">link</a>

我的 JS 控制台没有错误。

Answer 1

使用异步请求，设置选项上下文：

$('.someLinks').on('click', function (e) {
    e.preventDefault();
    $.ajax({
        dataType: "json",
        url: url,
        data: param,
        context: this
    }).success(function (data) {
        //do some stuff
    }).fail(function () {
        //do some stuff 
    }).always(function () {
        this.click(); // call native click method // NOTE: don't use here: $(this).click();
    });
});