$.ajaxのパラメータにFormの要素の値を取得して設定する

Formにあるinputの値を取得して$.ajaxのパラメータに設定する単純な方法について。

<input type="text" id="test" />

formの値を取得するには、jQueryのval()を使います。

$.ajax({
  dataType: 'jsonp',
  data: {
    query: $('#test').val();
  }
});

また、複数取得したい場合、Fromオブジェクトを使ってシリアライズして設定する方法もあります。

• function $(id) return document.getelementbyid(id)という文
• jQueryで追加した要素でイベントを使えるようにするサンプル
• JavaScriptで複数の戻り値（返り値）を返すサンプル
• jQueryで指定するセレクタに変数を利用するコード例
• jQueryで要素（ボタンなど）の無効・有効の設定
• テキストフィールド（input text）にselectの値を設定するコード
• JavaScriptでHTMLに設定したクラス名の判定
• WordPressでjQueryを使うとき$を使う方法