jQuery-使用发布数据重定向

81

如何重定向帖子数据？

如何移动到新页面$_POST？

这该怎么做？如何进行以及为什么要进行

— y2k
source

6

实际上，我很感兴趣听到这个答案。

— 斯特林阿彻2013年

1

无法使用POST请求（仅GET请求）设置Windows位置，并且无法重定向POST请求，因此通常的解决方案是动态创建具有所需数据和操作属性的表单，然后提交该表单。

— 2013年

您忘记了PHP标记，还是jQuery有一个$_POST变量？

— 亚历克斯W

@ Y2K，这是不一样的问题作为stackoverflow.com/q/8389646/632951？

— Pacerier，2015年

90

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

希望这可以帮助！

— 蒂姆·S
source

@TimS，签出该链接后，我仍然不清楚如何使用post检索新页面中的数据。

— Yehuda Gutstein

没关系，我想通了，让它起作用。很棒的建议！

— Yehuda Gutstein

— TommyT 2014年

19

使用jQuery 2.1.3，对我来说正确的语法是$ .redirect（...）; 没有括号。

— KDT

所以我们不能将其重定向到另一个URL并发布到另一个URL>？

— TommyT

90

这是一个简单的小函数，可以在任何地方使用，只要您使用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();
    }
});

— 字体
source

9

.appendTo('body')为移动设备添加...示例： $('<form action="'+location+'" method="POST">'+form+'</form>').appendTo('body').submit();基于此答案的

— CrandellWS 2014年

4

此解决方案比接受的答案imo好得多。它易于实现，无需加载其他库！

— Matej Svajger 2015年

3

尝试使用$ .redirectPost时，不会出现函数错误。

— 拉菲基

1

与扩展的好主意。但是此实现不会在将值放入value=""属性之前转义它们。因此，如果值包含引号，则它将不起作用。函数本身可以替换为一个知道引用的函数，例如从这里开始：stackoverflow.com/a/5533477/1775065

— cronfy

8

为什么不创建带有一些隐藏输入的表单并使用jQuery提交表单呢？应该管用：）

— kao3991
source

不适用于拖放式文件上传。出于安全原因，您无法分配文件输入。

— 2016年

当您想将用户重定向到某处并使他们上传具有相同请求的文件时，我想不出任何情况。但是，当然-确实如此，在这种情况下将无法正常工作。

— kao3991

@mlt我不确定为什么它不起作用。您没有为文件输入分配任何内容，但是您使用了与表单同时发布的其他输入隐藏字段。

— Danosaure

3

在文档/窗口准备就绪之前，将“ extend”添加到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());

注意：此方法无法发布文件。

— sagie212
source

2

我认为这是最好的方法！

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

这几乎是瞬间的，用户将看不到任何东西！

— Prashant Singh
source

2

这将重定向与发布的数据

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

    }

.submit（）函数自动将提交提交到url
.remove（）函数在提交后杀死表单

— 托比洛巴
source

1

这需要澄清。您的服务器是否正在处理要重定向到其他地方的POST？还是要将常规GET请求重定向到另一个需要POST的页面？

无论哪种情况，您都可以执行以下操作：

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

制作一个链接说“如果没有自动重定向，请单击此处”以处理弹出窗口阻止程序，这可能是一个好主意。

— LameCoder
source

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();
    }
});

— 艾伦
source

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);
});

— 拉德尼·亚伦·阿尔奎萨
source

4

随着网址的更改，这只会导致正常的GET请求。最初的问题是发出POST请求。

— pjotr_dolphin 2014年

0

我将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();
    });

— 帕特里科斯
source

注意：输入应为输入ID，而不是名称！

— kpatrickos

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();

— 丹尼尔·肯尼迪
source

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();
       }
   });

— 托克拉
source