href 单击延迟文档下载以运行 Ajax

Question

我的一些代码有问题。 我有一个href链接，单击后将下载文档。 出于某种原因，这干扰了我的jQuery getJSON.

当我添加e.preventDefault()时，我的代码可以完美执行。 当我注释掉e.preventDefault()时，我的JSON代码永远不会执行。

这是我的href链接：

<a href="http://server:88/Documents/@Html.DisplayFor(model => model.path)" data-docid="@Html.Raw(Model.documentID)" class="btn documentLock" data-toggle="modal">
                                Download Word Version</a>

这是我的jQuery：

jQuery('.documentLock').click(function (e) {
        // Stop the default behavior
        e.preventDefault();
        var object = jQuery(this);
        var docid = object.attr('data-docid');
        jQuery.getJSON("/Document/LockedStatus/" + docid, null, function (data) {
        })
        .fail('Could not communicate with the server, if this persists please contact the Computer department')
        .success(function (data) {
            if (data) {
                console.log(data);
                jAlert('This document is currently locked by and cannot be edited further', 'Document Locked');
            }
        });
    });

有了e.preventDefault，我就可以触发控制台.log（数据）。 有了e.preventDefault它就不会触发。 所以我知道代码有效，它一定与下载文档的链接有关。

Answer 1

将其添加到您的代码中

.done(function() { 
window.location.replace("your url"); // give your url here
})

这是您编辑的代码

jQuery('.documentLock').click(function (e) {
    // Stop the default behavior
    e.preventDefault();
    var object = jQuery(this);
    var docid = object.attr('data-docid');
    jQuery.getJSON("/Document/LockedStatus/" + docid, null, function (data) {
    })
        .fail('Could not communicate with the server, if this persists please contact the Computer department')
        .success(function (data) {
        if (data) {
            console.log(data);
            jAlert('This document is currently locked by and cannot be edited further', 'Document Locked');
        }
    })
  .done(function () {
        window.location.replace("your url"); // give your url here
    });
});

Answer 2

href属性被顶起。 如果您可以将其更改为javascript:void(0);或只是一个主题标签，那可能会有所帮助。

你为什么不使用.data()？

更改此内容：var docid = object.attr('data-docid');：

var docid = object.data('docid');