javascript - jquery ajax 调用导致错误并且 xhr.status == 0

Question

你只是想实现一个非常基本的下载计数器。单击链接时，应向服务器发送 ajax 请求，然后开始下载。

    <a href="<?= $update->link ?>" onClick="downloadCount(<?= $update->id ?>);"><?php echo img(array("height" => "24", "src" => "images/btn_free.png")); ?></a>

这就是我生成链接的方式。

function downloadCount(id_) {
    $.ajax({
      url: '<?= base_url() ?>index.php/updates/incCount/' + id_.toString(),
      success: function() { return true },
        error:function (xhr, ajaxOptions, thrownError){
                            alert(xhr.status);
                            alert(thrownError);
                        }
    });

url 是正确的(如果我复制 url 一切正常)但是当点击链接时，我只收到了 2 个警报(第一个是 0，第二个是空的)

当我在 onClick 部分添加 return false; 时，链接被执行并且 ajax 调用成功当我将 return false; 添加到我的函数时，链接每次都会继续(为什么？？)并且 ajax 调用返回错误。

域相同所以这不应该是原因...我有点困惑，因为这通常很容易完成 >_<

Answer 1

单击该链接会使浏览器导航到另一个页面，这会中止任何未完成的 ajax 请求 - 这就是您收到错误的原因。

如果您希望您的 downloadCount 函数确定页面是否应该重新加载，您需要从您的处理程序返回这个值:

onClick="return downloadCount(<?= $update->id ?>);"