ユーザ用ツール

サイト用ツール


サイドバー

プログラム言語:javascript_jquery:ajax:ajax_で任意のデータを_post_送信する方法

Ajax で任意のデータを POST 送信する方法

form の入力内容を取得し、POST送信するのであれば、以下の方法で form の入力内容が取得可能です。

let formData = new FormData($('#formName').get(0))

しかし、form 以外のデータを POST 送信送信したい場合は多いです。
その場合は、以下の方法で取得&送信できます。

let formData = new FormData();
formData.append('id', 1);
formData.append('name', '名前');

使用例:

<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>

コメント

コメントを入力. Wiki文法が有効です:
 
プログラム言語/javascript_jquery/ajax/ajax_で任意のデータを_post_送信する方法.txt · 最終更新: 2020/02/20 10:56 by humolife