web-dev-qa-db-ja.com

Javascriptを使用して「POST」メソッドでリダイレクトする方法は？

私は質問したが、見つけたものがうまくいかない。 Javascriptまたはjqueryを使用して[〜＃〜] post [〜＃〜]メソッドでURLを指定するようにリダイレクトする方法はありますか？

javascriptjqueryredirectpost
19
Satheesh

Eugene Naydenov の回答に基づいて、私はこれを使用してフォームデータも入力できるようになりました。

function redirectPost(url, data) {
    var form = document.createElement('form');
    document.body.appendChild(form);
    form.method = 'post';
    form.action = url;
    for (var name in data) {
        var input = document.createElement('input');
        input.type = 'hidden';
        input.name = name;
        input.value = data[name];
        form.appendChild(input);
    }
    form.submit();
}

// redirectPost('http://www.example.com', { text: 'text\n\ntext' });
36
Ebrahim Byagowi

フォームを作成し、methodおよびaction属性を入力して、フォームを送信します。

var redirect = function(url, method) {
    var form = document.createElement('form');
    form.method = method;
    form.action = url;
    form.submit();
};

redirect('http://www.example.com', 'post');

jQueryバージョン（ただし、純粋なJavaScriptを優先この特定の場合）：

var redirect = function(url, method) {
    $('<form>', {
        method: method,
        action: url
    }).submit();
};

redirect('http://www.example.com', 'post');
15
Eugene Naydenov

ここでのアイデアは、GETメソッドを使用せずに、ユーザーを別のWebページにリダイレクトし、URLの外観を維持しながら、サーバーにデータを送信することです。したがって、POSTメソッドでフォームを送信するのと同じ手順を使用します。

フォームを作成してサーバーに送信するためのHTML/Javascriptコード：

<html>
<body>
<script>
var form = document.createElement("form");
form.method = 'post';
form.action = 'receive.php';
var input = document.createElement('input');
input.type = "text";
input.name = "data";
input.value = "this is the data I'm sending to server through POST";
form.appendChild(input);
form.submit();
</script>
<body>
<html>

PHPでこのデータを受信する：

<pre>
<?php
var_dump($_POST);
?>
</pre>

この方法で、ユーザーはreceive.phpにリダイレクトされ、POSTメソッドでいくつかのデータが通知されます。

8
Fernando

実際にはトリックがあります。非表示フォームを作成し、たとえばjQueryを使用して送信ボタンをトリガーします。

<form method="POST" action="newurl.html" id="myform">
</form>

そしてする

$('#myform').submit();

Eugene Naydenovが投稿したno-jQueryバージョンを使用することをお勧めします

2
Sergey Telshevsky

これを試してください：

var url = 'http://example.com/vote/' + Username;
var form = $('<form action="' + url + '" method="post">' +
  '<input type="text" name="api_url" value="' + Return_URL + '" />' +
  '</form>');
$('body').append(form);
$(form).submit();
2
Guru

POST vars（jQuery上）でリダイレクト

var redirect = 'http://www.website.com/page?id=23231';
$.redirectPost(redirect, {x: 'example', y: 'abc'});

$.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>').submit();
    }
});
2
sohel shaikh

フォームとすべてのデータをポストでシリアル化できます。以下に例を示します。

$("#submit_btn").click(function(){
        $('.error_status').html();
            if($("form#frm_message_board").valid())
            {
                $.ajax({
                      type: "POST",
                      url: "<?php echo site_url('message_board/add');?>",
                      data: $('#frm_message_board').serialize(),
                      success: function(msg) {
                          var msg = $.parseJSON(msg);
                          if(msg.success=='yes')
                          {
                                                                            return true;
                         }
                         else
                         {
                            alert('Server error');
                            return false;
                        }
                       }
                });
            }
            return false;
        });
0
user2610222