(123) Ajaxで formの値をまとめて取得してPOST送信する。

投稿者: | 2022年3月11日

104 views

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'));

コメントを残す

メールアドレスが公開されることはありません。


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)