如何使用 ajax 重定向发布数据？答案

【问题标题】：How to redirect with post data with ajax?如何使用 ajax 重定向发布数据？
【发布时间】：2017-10-18 12:58:31
【问题描述】：

例如，我在页面 http://example/test/1 中，然后当我单击按钮时，它将重定向到带有数据的 http://example/text/123

在我的代码中，它更像是先发布然后重定向

这是我的代码

$( document ).on("click", "#bill", function(){
        $('input[name="bill_number"]');
          var bill = $(this);
          var data = {
            bill_number: bill.parentsUntil("tr").parent().find("[name='bill_number']").val(),
          };

          $.ajax({
            url: '{{ route("monthly_bill.slip", $bill_period_id) }}',
            type: "POST",
            data: data,
            success: function(data) {
              window.location.href = '{{ route("monthly_bill.slip", $bill_period_id) }}';
              // fn.notif("Slip printed", "success")
            }
          });
    });

问题是，当我在上面使用ajax 时，它只会在重定向时返回一个参数，所以我想让它用发布数据重定向而不是发布然后重定向

我该如何解决这个问题？

【问题讨论】：

如果你还是要将用户引导到目标页面，为什么要使用 AJAX？只需将表单发布到该页面即可。
我使用了数据表
"Datatables" 似乎与此无关。您有一个 #bill 可点击元素，它找到附近的单个 bill_number 表单元素并通过 AJAX 提交该值。只需将该结构制成一个表单，然后让浏览器将值提交到下一页，同时将用户带走。向同一个页面发出两个相同的请求是没有意义的。

标签： jquery ajax redirect

【解决方案1】：

我知道你可以在后端有一些重定向逻辑，我也用过，尝试从后端接收一个清晰、完整的 URL。我成功地使用了这样的东西：

success: function(response) {
        try{
            obj = JSON.parse(response);
            if(obj.location != ''){
                    window.location.href = obj.location;
                }
            }
        }
        catch(e){
            alert("Malformed server answer.");
        }
}

【讨论】：