堆栈内存溢出
  繁体   English   中英

jQuery - 使用发布数据重定向

[英]jQuery - Redirect with post data

 原文  2013-09-26 19:12:52  3   12    javascript/ jquery/ html/ post

问题描述

如何使用发布数据重定向？

如何使用$_POST移至新页面？

这该怎么做？ 它是如何完成的，为什么要这样做呢

12 个解决方案

解决方案1
 87 已采纳  2013-09-26 19:26:42

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

希望这可以帮助！

解决方案2
 85  2014-04-28 17:45:02

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

解决方案3
 8  2013-09-26 19:18:35

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

解决方案4
 3  2015-02-16 00:09:30

在文档/窗口准备好之前，将“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());

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

解决方案5
 2  2015-06-09 11:33:24

我认为这是最好的方法！ 

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

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

解决方案6
 1  2013-09-26 21:56:37

这需要澄清。 您的服务器是否正在处理要在其他位置重定向的POST？ 或者您是否想要将一个规则GET请求重定向到另一个期待POST的页面？

在任何一种情况下，你可以做的是这样的事情： 

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

建立一个“如果没有自动重定向就点击这里”来处理弹出窗口阻止程序的链接可能是个好主意。

解决方案7
 1  2017-04-27 14:00:28

与上述答案类似，但写的不同。 

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

解决方案8
 0  2013-09-26 21:13:43

为什么不只是使用按钮而不是提交。 单击该按钮将允许您构建一个适合您的浏览器重定向到的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);
});

解决方案9
 0  2013-10-23 07:14:32

我在头部分中包含了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();
    });

解决方案10
 0  2014-07-01 15:24:11

构造并填写隐藏方法= 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();

解决方案11
 0  2019-01-24 21:26:48

这将与发布的数据重定向 

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

    }

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

解决方案12
 0  2019-02-28 06:10:23

用目标“扩展” 上述解决方案 。 出于某种原因，我需要将帖子重定向到_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();
       }
   });

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 jquery发布和重定向onclick JQuery POST重定向 jQuery Post to PHP to redirect？ 如何在没有重定向页面的情况下使用jquery post发送大数据？ 使用Javascript / jQuery将POST重定向数据发送到顶级iframe吗？ jQuery $ .post发布数据 MVC jQuery /控制器后重定向 如何在jquery帖子的回调中重定向 jQuery跨域发布重定向 获取jQuery发布重定向响应
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM