有关 Ajax post to action 方法的帮助

Question

我是 MVC 新手，需要一点帮助。

在我看来，我发布了一个ajax帖子，如下所示。

 function PostCheckedPdf(e) {

            var values = new Array();
            $('input:checked').each(function () { values.push(this.value); });
            $.post("/UnregisteredUserPreview/DownloadPdfInvoice",
            { checkedList: values });
       }

此帖子发布在第三方网格组件 (Telerik) 内选中的任何复选框的值。 Action 方法接收数组并循环遍历每个值，呈现 pdf 报告并将报告放入附加到 Response 的 ZipStream 中。循环结束后，zipstream 关​​闭，我返回 View();

当通过 $.post 调用 Action 时，它会运行操作方法，但浏览器中没有任何反应。

如果我通过操作链接调用操作（使用几个硬编码值而不是传递复选框值），则会下载包含所有 pdf 的 zip 文件。

我做错了什么或者如何使用 ActionLink 发布检查的值？

提前致谢！

托比.

Answer 1

区别在于您的 ActionLink 正在发出 标记，该标记正在执行 GET 操作。浏览器解释响应的内容并打开 PDF。

您的 jQuery 方法正在执行 POST，但对响应不执行任何操作，因此默默地将其丢弃在后台。

您需要对返回内容进行实际操作，例如将其写入另一个窗口。

var w = window.open('', '', 'width=800,height=600,resizeable,scrollbars');

$.post("/UnregisteredUserPreview/DownloadPdfInvoice",
      { checkedList: values }, 
      function(content){
          w.document.write(content);
          w.document.close(); // needed for chrome and safari
      });

Answer 2

您正在那里对服务器进行 Ajax 调用，客户端代码应该收到返回的结果，但这似乎您没有在那里执行。它应该如下所示：

$.ajax({

  type: 'POST'
  url: '/UnregisteredUserPreview/DownloadPdfInvoice',
  data: { checkedList: values },
  success: function (r) {

      alert(r.result);
  }

});

并假设您的控制器如下所示：

public ActionResult DownloadPdfInvoice() { 

    //do you stuff here
    return Json(new { result = "url_of_your_created_pdf_might_be_the_return_result_here"});
}

注意

如果您使用 anchor 标签发布数据，最好
阻止此标签的默认操作，使其不会执行任何操作
除了你告诉它要做的事情之外的其他事情。您可以通过添加
在 click 事件函数末尾添加以下代码：

$("#myLink").click(function(e) { 

    //do the logic here
    //ajax call, etc.

    e.preventDefault();
});

另请参阅下面的博客文章。它可能会拓宽您的想法：