2016-09-03 5 views
1

私は自分のlocalhostで開発していました。リンクをクリックして1つのHTTPリクエストでクリックします

<form action="" method="POST"> 
    <input type="submit" name="submitButton" id="submitButton"> 
</form> 

<a onclick="clickButton('submitButton');" href="guestbook/index.php?pageNumber=1"> 

<a>クリックすると、ボタンのクリックイベントを提出トリガー:

は、このようなHTMLコードがあります考えてみましょう。 Javascript関数は次のようになります。

function clicktButton(id) { 
    if (id != "") 
    document.getElementById(id).click(); // this will trigger the click event 
} 

私の質問は次のとおりですか?リンクを押してボタンを押すと同時にHTTPリクエストを送信するにはどうすればいいですか?

<a>リンクを押すと、すでに$_GET['pageNumber']パラメータでHTTPリクエストが送信されています。しかし、私は同時に$_POST['submitButton']データを送信したいと思います。

ありがとうございます!何をしたい

答えて

1

<form action="guestbook/index.php?pageNumber=1" method="post"> 
    <input type="submit" name="submitButton" id="submitButton"> 
    <input type="button" name="submit"> 
</form> 

は、これは基本的に付属のGETリクエストで、フォームの内容を投稿します..私は私の前に見たコードとそんなにことができますが、ではありません。

<a>は新しいHTTPリクエストを生成し、おそらく現在ロードされているページのJavaScript実行をスキップするため実際には機能しません。

一方、<a>クリックの効果を、JavaScriptを使用して、フォームデータを使用してguestbook/index.php?pageNumber=1に投稿してシミュレーションすることができます。しかし、これを行う場合は、jQueryをお勧めします。これは、これをclickイベントに追加することで、より簡単になります。

$.ajax({ 
    url: "guestbook/index.php?pageNumber=1", 
    data: {'field':'value'}, 
    async: false 
}); 
+0

返信ありがとうございます!私は参照してください...私は私のコードに変更を加える必要があると思います...私はこの 'guestbook/index.php?pageNumber = 1&activeFilter = data'のような追加のGETパラメータにPOSTデータを入れることを考えています。 ($ _POSTデータはフィルタのテーブルのカラム名を保持するだけなので、何も安全ではありません)。 – qazerty23

関連する問題