jQuery – redirect发布数据

我如何redirect发布数据?

如何移动到新的页面$_POST

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

有一个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就可以应用到任何地方。

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

为什么不只是创build一个隐藏的input表单,并提交使用jQuery? 应该pipe用 :)

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

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

为什么不只是使用一个button,而不是提交。 点击button可以让你构build一个适合你的浏览器的redirect的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); }); 

这需要澄清。 你的服务器是否处理你想在其他地方redirect的POST? 或者你是否想要将regulatr GET请求redirect到期望POST的另一个页面?

在任何情况下,你可以做的是这样的:

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

build立一个链接,指出“点击这里,如果不是自动redirect”来处理popup窗口拦截器,可能是一个好主意。

我把头部的jquery.redirect.min.js插件与json解决scheme一起提交数据

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

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

我认为这是做到这一点的最好方法!

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