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

jQuery・JS

2014.03.22

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

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

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

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

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