jQuery发布请求（不是AJAX）
[英]jQuery post request (not AJAX)
问题描述
在ASP.NET MVC应用程序中，我使用jQuery在按钮单击时发布数据：
<button onclick="addProducts()">Add products</button>
....
$.post('<%= Url.Action("AddToCart", "Cart") %>',
{
...
returnUrl: window.location.href
});
在“Cart”控制器的“AddToCart”操作中，我在发布后使用重定向到另一个View：
public RedirectToRouteResult AddToCart(..., string returnUrl)
{
...
return RedirectToAction("Index", new { returnUrl });
}
一切都没问题，除了这个重定向。 发布后我留在同一页面上。 我怀疑这是由于AJAX类型的“POST”请求。
如何用jQuery POST请求阻止重定向来解决问题？
5 个解决方案
解决方案1
95 已采纳 2011-11-27 07:04:11
我创建了一个$.form(url[, data[, method = 'POST']])函数，它创建一个隐藏的表单，用指定的数据填充它并将它附加到<body> 。 这里有些例子：
$.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()方法，您可以创建并提交带有简单表达式的表单：
$.form('http://stackoverflow.com/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');
}
}); });
解决方案2
9 2011-01-03 10:41:17
$.post是一个AJAX调用。
最好的办法是让按钮成为表单的触发器，然后使用post方法提交。
另一种方法是从服务器回显你的新网址，但是这会破坏AJAX的观点。
解决方案3
7 2011-01-03 11:12:14
使用jQuery.submit（）提交表单： http ： //api.jquery.com/submit/
解决方案4
3 2012-01-24 22:37:14
您似乎正在尝试将产品添加到购物车，然后重定向到当前页面。 我的猜测就是你如何更新购物车的视觉效果。 我建议在$ .post上添加成功处理程序，然后重定向到当前页面。 如果服务器上发生错误，您可以发回序列化错误并处理客户端错误。
function addProducts() {
$.post('<%= Url.Action("AddToCart", "Cart") %>',{
returnUrl: window.location.href
}, function(data){
window.location.href = window.location.href
});
}
这将在您的产品发布后刷新当前页面。
这是一个小提琴供参考： http ： //jsfiddle.net/brentmn/B4P6W/3/
解决方案5
1 2012-01-26 15:36:47
如果您在发布帖子后进行完全重定向，那么为什么要使用Ajax呢？ 您应该能够在此处执行传统POST并使其成功重定向。
如果你真的想要ajax请求通过并仍然重定向，那么一个非常简单且非侵入性的方法就是从你的动作而不是RedirectResult返回一个JavascriptResult ：
return JavaScript("window.location = " + returnUrl);
jQuery POST Ajax请求
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.