3,496 views

この記事は最終更新から 1412日 が経過しています。

1. やりたいこと

入力フォームの入力内容を　Ajaxで POST送信したい。
できるだけ簡単に…

2. やってみる

FormDataクラスを使えば form内の全入力項目を一括で取得＆送信できる。

var formData = new FormData('document.forms.xxxxx');  // ← xxxxx は formの id
$.ajax({
  type: "post",
  url: "xxxxxxxx.cgi",
  cache : false,
  dataType : "text",
  data : formData,
  processData : false,
  contentType : false,
  timeout: 10000
})

入力項目ごとに値を取り込みたい場合、以下のように書くことも可能だ。

var formData = new FormData();
formData.append('aaaaa', $('input[name="aaaaa"]').prop('value'));
formData.append('bbbbb', $('input[name="bbbbb"]').prop('value'));