ゆーものメモ帳

この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。

====== Ajax で任意のデータを POST 送信する方法 ======
form の入力内容を取得し、POST送信するのであれば、以下の方法で form の入力内容が取得可能です。
<code>
let formData = new FormData($('#formName').get(0))
</code>
しかし、form 以外のデータを POST 送信送信したい場合は多いです。\\
その場合は、以下の方法で取得＆送信できます。
<code>
let formData = new FormData();
formData.append('id', 1);
formData.append('name', '名前');
</code>
使用例：
<code>
<script>
$(function(){
  $('#sendForm').on('click', function(){
    let formData = new FormData();
    formData.append('id', 1);
    formData.append('name', '名前');

    $.ajax({
      url: 'hogehoge.php',
      type: 'POST',
      data: formData,
      processData: false,
      contentType: false,
    })
    .then(
      function (result) {
        let re = JSON.parse(result)
        console.log(re)
      },
      function(error) {
        alert('システムエラーが発生しました。')
        console.log(error)
      }
    )
  })
})
</script>
</code>

ゆーものメモ帳

ユーザ用ツール

サイト用ツール

ページ用ツール