blocks|key|230545|text|为什么不创建一个带有隐藏输入的表单，然后使用jQuery提交它呢？应该可以工作:)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|230546|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>Why dont just create a form with some hidden inputs and submit it using jQuery? Should work :) </p>


blocks|key|230598|text|有一个JQuery插件可以完成您想要做的事情：https://github.com/mgalante/jquery.redirect/blob/master/jquery.redirect.js。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|230599|在包含JQuery和jquery.redirect.min.js插件之后，您可以简单地执行以下操作：|230600|$().redirect('demo.php',+{'arg1':+'value1',+'arg2':+'value2'});|code-block|syntax|javascript|230601|在较新的JQuery版本上使用以下代码：|230602|$.redirect('demo.php',+{'arg1':+'value1',+'arg2':+'value2'});|230603|希望这能有所帮助！|230604|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/mgalante/jquery.redirect/blob/master/jquery.redirect.js^0|N|22|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|13|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|15|8|@]|9|@]|C|$I|J]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]]]

<p>There is a JQuery plug-in that accomplishes pretty much what you're trying to do: <a href="https://github.com/mgalante/jquery.redirect/blob/master/jquery.redirect.js" rel="noreferrer">https://github.com/mgalante/jquery.redirect/blob/master/jquery.redirect.js</a>.</p>

<p>After including JQuery and the jquery.redirect.min.js plug-in, you can simply do something like this:</p>

<pre><code>$().redirect('demo.php', {'arg1': 'value1', 'arg2': 'value2'});
</code></pre>

<p>Use the following code on newer JQuery versions instead:</p>

<pre><code>$.redirect('demo.php', {'arg1': 'value1', 'arg2': 'value2'});
</code></pre>

<p>Hope this helps!</p>


blocks|key|14321|text|为什么不直接使用按钮而不是提交。单击该按钮将允许您为浏览器构建一个正确的url以重定向到该url。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|14322|$("#button").click(function()+{
+++var+url+=+'site.com/process.php?';
+++$('form+input').each(function()+{
+++++++url+%2B=+'key='+%2B+$(this).val()+%2B+"&";
+++});
+++//+handle+removal+of+last+&.

+++window.location.replace(url);
});|code-block|syntax|javascript|14323|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>why not just use a button instead of submit.
clicking the button will let you construct a proper url for your browser to redirect to.</p>

<pre><code>$("#button").click(function() {
   var url = 'site.com/process.php?';
   $('form input').each(function() {
       url += 'key=' + $(this).val() + "&amp;";
   });
   // handle removal of last &amp;.

   window.location.replace(url);
});
</code></pre>


blocks|key|14370|text|这一点需要澄清。你的服务器正在处理你想要重定向到其他地方的帖子吗？或者你想把一个常规的GET请求重定向到另一个等待POST的页面？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|14371|在任何一种情况下，您都可以这样做：|14372|var+f+=+$('<form>');
$('<input>').attr('name',+'...').attr('value',+'...');
//after+all+fields+are+added
f.submit();|code-block|syntax|javascript|14373|这可能是一个好主意，使一个链接，说“点击这里，如果不是自动重定向”来处理弹出窗口拦截程序。|14374|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>This needs clarification. Is your server handling a POST that you want to redirect somewhere else?  Or are you wanting to redirect a regulatr GET request to another page that is expecting a POST?</p>

<p>In either case what you can do is something like this:</p>

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

<p>It's probably a good idea to make a link that says "click here if not automatically redirected" to deal with pop-up blockers.</p>


blocks|key|230709|text|我在标题部分包含了jquery.redirect.min.js插件和这个json解决方案，以便与数据一起提交|type|unstyled|depth|inlineStyleRanges|entityRanges|data|230710|<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>|code-block|syntax|javascript|230711|然后紧跟在我添加的表单之后|230712|+$(function(){
+++++$(+'#your_form_Id'+).submit();
++++});|230713|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>I included the jquery.redirect.min.js plugin in the head section together with this json solution to submit with data</p>

<pre><code>&lt;script type="text/javascript"&gt;     
    $(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();
 });
 });
 &lt;/script&gt;
</code></pre>

<p>Then immediately after the form I added</p>

<pre><code> $(function(){
     $( '#your_form_Id' ).submit();
    });
</code></pre>


blocks|key|230775|text|这里有一个简单的小函数，只要您使用的是jQuery，它就可以应用到任何地方。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|230776|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+%2B=+'<input+type="hidden"+name="'%2Bkey%2B'"+value="'%2Bvalue%2B'">';
++++++++});
++++++++$('<form+action="'%2Blocation%2B'"+method="POST">'%2Bform%2B'</form>').appendTo('body').submit();
++++}
});|code-block|syntax|javascript|230777|根据评论，我对我的答案进行了扩展：|230778|//+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();
++++}
});|230779|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>Here's a simple small function that can be applied anywhere as long as you're using jQuery.</p>

<pre><code>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 += '&lt;input type="hidden" name="'+key+'" value="'+value+'"&gt;';
        });
        $('&lt;form action="'+location+'" method="POST"&gt;'+form+'&lt;/form&gt;').appendTo('body').submit();
    }
});
</code></pre>

<p>Per the comments, I have expanded upon my answer:</p>

<pre><code>// jquery extend function
$.extend(
{
    redirectPost: function(location, args)
    {
        var form = $('&lt;form&gt;&lt;/form&gt;');
        form.attr("method", "post");
        form.attr("action", location);

        $.each( args, function( key, value ) {
            var field = $('&lt;input&gt;&lt;/input&gt;');

            field.attr("type", "hidden");
            field.attr("name", key);
            field.attr("value", value);

            form.append(field);
        });
        $(form).appendTo('body').submit();
    }
});
</code></pre>


blocks|key|230827|text|构造并填写一个隐藏的method=POST+action="http://example.com/vote“表单并提交它，而不是使用window.location。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|230828|或|230829|$('#inset_form').html(
+++'<form+action="url"+name="form"+method="post"+style="display:none;">
++++<input+type="text"+name="name"+value="'+%2B+value+%2B+'"+/></form>');
document.forms['form'].submit();|code-block|syntax|javascript|230830|entityMap|0|LINK|mutability|MUTABLE|url|http://example.com/vote^0|U|N|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

<p>Construct and fill out a hidden method=POST action="http://example.com/vote" form and submit it, rather than using window.location at all.</p>

<p>or</p>

<pre><code>$('#inset_form').html(
   '&lt;form action="url" name="form" method="post" style="display:none;"&gt;
    &lt;input type="text" name="name" value="' + value + '" /&gt;&lt;/form&gt;');
document.forms['form'].submit();
</code></pre>


blocks|key|14536|text|在文档/窗口准备就绪之前，将"extend“添加到jQuery：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|14537|$.extend(
{
++++redirectPost:+function(location,+args)
++++{
++++++++var+form+=+'';
++++++++$.each(+args,+function(+key,+value+)+{

++++++++++++form+%2B=+'<input+type="hidden"+name="'%2Bvalue.name%2B'"+value="'%2Bvalue.value%2B'">';
++++++++++++form+%2B=+'<input+type="hidden"+name="'%2Bkey%2B'"+value="'%2Bvalue.value%2B'">';
++++++++});
++++++++$('<form+action="'%2Blocation%2B'"+method="POST">'%2Bform%2B'</form>').submit();
++++}
});|code-block|syntax|javascript|14538|使用：|14539|$.redirectPost("someurl.com",+$("#SomeForm").serializeArray());|14540|注意:此方法不能post文件。|14541|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Before document/window ready add "extend" to jQuery :</p>

<pre><code>$.extend(
{
    redirectPost: function(location, args)
    {
        var form = '';
        $.each( args, function( key, value ) {

            form += '&lt;input type="hidden" name="'+value.name+'" value="'+value.value+'"&gt;';
            form += '&lt;input type="hidden" name="'+key+'" value="'+value.value+'"&gt;';
        });
        $('&lt;form action="'+location+'" method="POST"&gt;'+form+'&lt;/form&gt;').submit();
    }
});
</code></pre>

<p>Use :</p>

<pre><code>$.redirectPost("someurl.com", $("#SomeForm").serializeArray());
</code></pre>

<p>Note : this method cant post files .</p>


blocks|key|230899|text|我认为这是最好的方法！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|230900|<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>|code-block|syntax|javascript|230901|这几乎是瞬间的，用户什么也看不到！|230902|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>I think this is the best way to do it ! </p>

<pre><code>&lt;html&gt;
&lt;body onload="document.getElementById('redirectForm').submit()"&gt;
&lt;form id='redirectForm' method='POST' action='/done.html'&gt;
&lt;input type='hidden' name='status' value='complete'/&gt;
&lt;input type='hidden' name='id' value='0u812'/&gt;
&lt;input type='submit' value='Please Click Here To Continue'/&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>This will be almost instantaneous and user won't see anything !</p>


blocks|key|14630|text|与上面的答案类似，但书写方式不同。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|14631|$.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();
++++}
});|code-block|syntax|javascript|14632|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Similar to the above answer, but written differently.</p>

<pre><code>$.extend(
{
    redirectPost: function (location, args) {
        var form = $('&lt;form&gt;', { action: location, method: 'post' });
        $.each(args,
            function (key, value) {
                $(form).append(
                    $('&lt;input&gt;', { type: 'hidden', name: key, value: value })
                );
            });
        $(form).appendTo('body').submit();
    }
});
</code></pre>


blocks|key|230977|text|“扩展”了带有目标的above+solution。出于某种原因，我需要将帖子重定向到_blank或其他框架：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|230978|$.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();
+++++++}
+++});|code-block|syntax|javascript|230979|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/23347795/11128947^0|A|E|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>"extended" the <a href="https://stackoverflow.com/a/23347795/11128947">above solution</a> with target. For some reason i needed the possibility to redirect the post to _blank or another frame:</p>

<pre><code>$.extend(
   {
       redirectPost: function(location, args, target = "_self")
       {
           var form = $('&lt;form&gt;&lt;/form&gt;');
           form.attr("method", "post");
           form.attr("action", location);
           form.attr("target", target);
           $.each( args, function( key, value ) {
               var field = $('&lt;input&gt;&lt;/input&gt;');
               field.attr("type", "hidden");
               field.attr("name", key);
               field.attr("value", value);
               form.append(field);
           });
           $(form).appendTo('body').submit();
       }
   });
</code></pre>


<p>How can I redirect with post data?</p>

<p>How to move to new page with <code>$_POST</code>?</p>

<p>How to do this?  How is it done and whyfore shall it be done</p>


jQuery - Redirect with post data

服务器

jQuery

如何使用post数据进行重定向？如何使用$_POST切换到新页面该怎么做呢？这件事是怎么做的，为什么要做？

问jQuery -使用post数据重定向
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery -使用post数据重定向EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery -使用post数据重定向
EN