如何使用帖子数据重定向？
如何使用$_POST 移动到新页面？
如何做到这一点？它是如何完成的，为什么要这样做
【问题讨论】：
$_POST 变量？
标签： javascript jquery html post
为什么不创建一个带有一些隐藏输入的表单并使用 jQuery 提交呢？应该工作:)
【讨论】：
有一个 JQuery 插件几乎可以完成您想要做的事情：https://github.com/mgalante/jquery.redirect/blob/master/jquery.redirect.js。
包含 JQuery 和 jquery.redirect.min.js 插件后，您可以简单地执行以下操作：
$().redirect('demo.php', {'arg1': 'value1', 'arg2': 'value2'});
在较新的 JQuery 版本上使用以下代码：
$.redirect('demo.php', {'arg1': 'value1', 'arg2': 'value2'});
希望这会有所帮助！
【讨论】：
为什么不直接使用按钮而不是提交。 单击该按钮将让您为浏览器构建一个正确的 URL 以重定向到。
$("#button").click(function() {
var url = 'site.com/process.php?';
$('form input').each(function() {
url += 'key=' + $(this).val() + "&";
});
// handle removal of last &.
window.location.replace(url);
});
【讨论】：
这需要澄清。您的服务器是否正在处理您想要重定向到其他地方的 POST？或者您想将一个 regulatr GET 请求重定向到另一个需要 POST 的页面？
在任何一种情况下，您都可以这样做：
var f = $('<form>');
$('<input>').attr('name', '...').attr('value', '...');
//after all fields are added
f.submit();
创建一个显示“如果未自动重定向，请单击此处”的链接来处理弹出窗口拦截器可能是个好主意。
【讨论】：
我在 head 部分中包含了 jquery.redirect.min.js 插件以及这个 json 解决方案以提交数据
<script type="text/javascript">
$(function () {
$('form').on('submit', function(e) {
$.ajax({
type: 'post',
url: 'your_POST_URL',
data: $('form').serialize(),
success: function () {
// now redirect
$().redirect('your_POST_URL', {
'input1': $("value1").val(),
'input2': $("value2").val(),
'input3': $("value3").val()
});
}
});
e.preventDefault();
});
});
</script>
然后在我添加的表单之后立即
$(function(){
$( '#your_form_Id' ).submit();
});
【讨论】：
这是一个简单的小函数，只要你使用 jQuery，它就可以在任何地方应用。
var redirect = 'http://www.website.com/page?id=23231';
$.redirectPost(redirect, {x: 'example', y: 'abc'});
// jquery extend function
$.extend(
{
redirectPost: function(location, args)
{
var form = '';
$.each( args, function( key, value ) {
form += '<input type="hidden" name="'+key+'" value="'+value+'">';
});
$('<form action="'+location+'" method="POST">'+form+'</form>').appendTo('body').submit();
}
});
根据 cmets，我已经扩展了我的答案：
// jquery extend function
$.extend(
{
redirectPost: function(location, args)
{
var form = $('<form></form>');
form.attr("method", "post");
form.attr("action", location);
$.each( args, function( key, value ) {
var field = $('<input></input>');
field.attr("type", "hidden");
field.attr("name", key);
field.attr("value", value);
form.append(field);
});
$(form).appendTo('body').submit();
}
});
【讨论】：
.appendTo('body')...示例：$('<form action="'+location+'" method="POST">'+form+'</form>').appendTo('body').submit(); 基于this answer 的想法
value="" 属性之前不会对其进行转义。因此，如果 value 包含引号，则它不起作用。函数本身可以替换为知道引用的函数，例如：stackoverflow.com/a/5533477/1775065
构造并填写一个隐藏的 method=POST action="http://example.com/vote" 表单并提交，而不是使用 window.location。
或
$('#inset_form').html(
'<form action="url" name="form" method="post" style="display:none;">
<input type="text" name="name" value="' + value + '" /></form>');
document.forms['form'].submit();
【讨论】：
在文档/窗口准备好之前添加“扩展”到 jQuery ：
$.extend(
{
redirectPost: function(location, args)
{
var form = '';
$.each( args, function( key, value ) {
form += '<input type="hidden" name="'+value.name+'" value="'+value.value+'">';
form += '<input type="hidden" name="'+key+'" value="'+value.value+'">';
});
$('<form action="'+location+'" method="POST">'+form+'</form>').submit();
}
});
使用：
$.redirectPost("someurl.com", $("#SomeForm").serializeArray());
注意：此方法不能发布文件。
【讨论】：
我认为这是最好的方法！
<html>
<body onload="document.getElementById('redirectForm').submit()">
<form id='redirectForm' method='POST' action='/done.html'>
<input type='hidden' name='status' value='complete'/>
<input type='hidden' name='id' value='0u812'/>
<input type='submit' value='Please Click Here To Continue'/>
</form>
</body>
</html>
这几乎是瞬间完成的，用户什么也看不到！
【讨论】：
与上述答案类似，但写法不同。
$.extend(
{
redirectPost: function (location, args) {
var form = $('<form>', { action: location, method: 'post' });
$.each(args,
function (key, value) {
$(form).append(
$('<input>', { type: 'hidden', name: key, value: value })
);
});
$(form).appendTo('body').submit();
}
});
【讨论】：
这将使用发布的数据重定向
$(function() {
$('<form action="url.php" method="post"><input type="hidden" name="name" value="value1"></input></form>').appendTo('body').submit().remove();
});
}
.submit() 函数自动提交到 url
.remove() 函数在提交后杀死表单
【讨论】：
用目标“扩展”above solution。出于某种原因，我需要将帖子重定向到 _blank 或其他框架的可能性：
$.extend(
{
redirectPost: function(location, args, target = "_self")
{
var form = $('<form></form>');
form.attr("method", "post");
form.attr("action", location);
form.attr("target", target);
$.each( args, function( key, value ) {
var field = $('<input></input>');
field.attr("type", "hidden");
field.attr("name", key);
field.attr("value", value);
form.append(field);
});
$(form).appendTo('body').submit();
}
});
【讨论】：