85

如何使用帖子数据重定向?

如何移动到新页面$_POST

这个怎么做?它是如何完成的,为什么要这样做

4

12 回答 12

92

这是一个简单的小函数,只要您使用 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();
    }
});

根据评论,我扩展了我的答案:

// 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();
    }
});
于 2014-04-28T17:45:02.980 回答
92

有一个 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'});

希望这可以帮助!

于 2013-09-26T19:26:42.333 回答
8

为什么不只创建一个带有一些隐藏输入的表单并使用 jQuery 提交呢?应该管用 :)

于 2013-09-26T19:18:35.143 回答
3

在文档/窗口准备好之前添加“扩展”到 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());

注意:此方法不能发布文件。

于 2015-02-16T00:09:30.467 回答
3

我认为这是最好的方法!

<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>

这几乎是瞬间的,用户什么也看不到!

于 2015-06-09T11:33:24.630 回答
3

这将使用发布的数据重定向

$(function() {
       $('<form action="url.php" method="post"><input type="hidden" name="name" value="value1"></input></form>').appendTo('body').submit().remove();
    });

    }

.submit() 函数自动提交到 url
.remove() 函数在提交后杀死表单

于 2019-01-24T21:26:48.480 回答
1

这需要澄清。您的服务器是否正在处理您想要重定向到其他地方的 POST?或者您是否想将一个 regulatr GET 请求重定向到另一个需要 POST 的页面?

在任何一种情况下,您都可以这样做:

var f = $('<form>');
$('<input>').attr('name', '...').attr('value', '...');
//after all fields are added
f.submit();

制作一个显示“如果未自动重定向,请单击此处”的链接来处理弹出窗口拦截器可能是个好主意。

于 2013-09-26T21:56:37.957 回答
1

类似于上面的答案,但写法不同。

$.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();
    }
});
于 2017-04-27T14:00:28.030 回答
0

我在 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();
    });
于 2013-10-23T07:14:32.977 回答
0

为什么不只使用按钮而不是提交。单击该按钮将使您可以为浏览器构建一个正确的 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);
});
于 2013-09-26T21:13:43.227 回答
0

构造并填写一个隐藏的 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();
于 2014-07-01T15:24:11.513 回答
0

用目标“扩展”上述解决方案。出于某种原因,我需要将帖子重定向到 _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();
       }
   });
于 2019-02-28T06:10:23.327 回答