javascript - ユーザー入力を受け取り、http get リクエストに挿入する方法は?

Question

私は探していて、探しているものの解決策を見つけることができません。

ユーザーがフォームで送信する http リクエストに詳細を追加できるようにしたいと考えています。

例: ユーザーがフォームから 2 つのデータを送信すると、これらのデータの文字列が http get 要求に追加されます。

これは jQuery/JavaScript で可能ですか? もしそうなら、どのように？

そうでない場合は、別の表現を試すことができます。

Answer 1

チェックアウトhttp://api.jquery.com/serialize/

その方法でデータを取得し、ajax リクエストで送信できます。

Answer 2

最も簡単な方法は、単にフォームをmethodbeGETではなくすることですPOST(または、デフォルトのようにメソッドをオフのままにGETします)。

<form action="/your/endpoint" method="get">
<label>Name: <input type="text" name="name"></label>
<input type="submit" value="Submit">
</form>

フォームを送信すると、ユーザーはリダイレクトさ/your/endpointれ、nameテキスト ボックスに入力した値がクエリ文字列パラメーターとして URL に追加されます。たとえば、名前を入力した/your/endpoint?name=Sean場合、ボタンをクリックするとリダイレクトされsubmitます。

Answer 3

送信前にフォーム データを追加するには、次のようにします。

$("form").on("submit", function(event) {
      event.preventDefault();
      //Do stuff to populate fields (hidden or not) with data
      form = $(this);
      $.post(form.attr("action"), form.serialize(), function( data ) {
        //Success callback
      });
});