在一个ASP.NET MVC应用程序使用jQuery上发布的数据按钮，单击：
In an ASP.NET MVC app I use jQuery for posting data on button-click:
<button onclick="addProducts()">Add products</button> .... $.post('<%= Url.Action("AddToCart", "Cart") %>', { ... returnUrl: window.location.href });在购物车控制器AddToCart行动我使用重定向到另一个View发布后：
In the "AddToCart" action of "Cart" controller I use redirection to another View after posting:
public RedirectToRouteResult AddToCart(..., string returnUrl) { ... return RedirectToAction("Index", new { returnUrl }); }一切都还好，除了这种重定向。我留在同一页上张贴后。我怀疑这是由于AJAX类型POST请求。
All is okay, except this redirection. I stay on the same page after posting. I suspect it's due to AJAX type of "POST" request.
如何用jQuery POST请求拦截重定向解决这个问题？
How to solve the problem with jQuery POST request blocking the redirection?
推荐答案我创建了一个 $。表（网址[，数据[，方法='POST']）函数创建一个隐藏的形式，用指定的数据填充它，并将其附加到＆LT;身体GT; 。下面是一些例子：
I created a $.form(url[, data[, method = 'POST']]) function which creates a hidden form, populates it with the specified data and attaches it to the <body>. Here are some examples:
$.form('/index') <form action="/index" method="POST"></form> $.form('/new', { title: 'Hello World', body: 'Foo Bar' }) <form action="/index" method="POST"> <input type="hidden" name="title" value="Hello World" /> <input type="hidden" name="body" value="Foo Bar" /> </form> $.form('/info', { userIds: [1, 2, 3, 4] }, 'GET') <form action="/info" method="GET"> <input type="hidden" name="userIds[]" value="1" /> <input type="hidden" name="userIds[]" value="2" /> <input type="hidden" name="userIds[]" value="3" /> <input type="hidden" name="userIds[]" value="4" /> </form> $.form('/profile', { sender: { first: 'John', last: 'Smith', postIds: null }, receiver: { first: 'Foo', last: 'Bar', postIds: [1, 2] } }) <form action="/profile" method="POST"> <input type="hidden" name="sender[first]" value="John"> <input type="hidden" name="sender[last]" value="Smith"> <input type="hidden" name="receiver[first]" value="John"> <input type="hidden" name="receiver[last]" value="Smith"> <input type="hidden" name="receiver[postIds][]" value="1"> <input type="hidden" name="receiver[postIds][]" value="2"> </form>使用jQuery的 .submit（）方法，你可以创建并提交表单用一个简单的前pression：
With jQuery's .submit() method you can create and submit a form with a simple expression:
$.form('stackoverflow/search', { q: '[ajax]' }, 'GET').submit();下面的函数定义：
jQuery(function($) { $.extend({ form: function(url, data, method) { if (method == null) method = 'POST'; if (data == null) data = {}; var form = $('<form>').attr({ method: method, action: url }).css({ display: 'none' }); var addData = function(name, data) { if ($.isArray(data)) { for (var i = 0; i < data.length; i++) { var value = data[i]; addData(name + '[]', value); } } else if (typeof data === 'object') { for (var key in data) { if (data.hasOwnProperty(key)) { addData(name + '[' + key + ']', data[key]); } } } else if (data != null) { form.append($('<input>').attr({ type: 'hidden', name: String(name), value: String(data) })); } }; for (var key in data) { if (data.hasOwnProperty(key)) { addData(key, data[key]); } } return form.appendTo('body'); } }); });更多推荐
jQuery的POST请求（不AJAX）
发布评论