85

投稿データでリダイレクトするにはどうすればよいですか?

で新しいページに移動するには$_POST?

これを行う方法？それはどのように行われ、なぜ行われるのか

4

12 に答える 12

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 に答える
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 に答える
8

いくつかの非表示の入力を含むフォームを作成し、jQuery を使用して送信しないのはなぜですか? 動作するはずです:)

于 2013-09-26T19:18:35.143 に答える
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());

注: このメソッドはファイルを投稿できません。

于 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 に答える
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 に答える
0

jquery.redirect.min.js プラグインを head セクションに含め、この 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

window.location をまったく使用するのではなく、非表示の method=POST action="http://example.com/vote" フォームを作成して入力し、送信します。

また

$('#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 に答える