始めに

Ajaxをよく使うので備忘録として作成しました。

Ajaxとは、非同期でサーバーとやり取りしてくれる機能のこと。
（要は、バックエンド部分の一部分を非同期で流すことができる。）
だから処理が早い！

環境

開発環境	バージョン
jQuery	1.12.4
Laravel	8.83.19
PHP	7.3.10

Ajaxの文法

ここさえ文法的に押さえておけば、最低限のものは書けるのかなと考えています。

script.js

// Ajax機能
$.ajax({
    url      : "処理したいメソッドのURL",
    type     : "送信形式（POST か GET）",
    data     : "渡したいデータ",
    cache       : false,
    contentType : false,
    processData : false,
    dataType : "json"
})
// Ajax通信が成功した時
.done(function(json){
    // サーバー（Controller側）からのreturn値を受け取る
    var receivedData = json.receivedData;
    console.log(receivedData);
      alert('Ajax通信が成功しました。');
})
// Ajax通信失敗した時
.fail(function(jqXHR, textStatus, errorThrown){
    alert('Ajax通信に失敗しました。：' + textStatus + ':\n' + errorThrown);
});

文法通りに書いてもAjax通信が失敗する場合
→ パラメータをいじってみると通ることがよくある。
例：typeのPOSTをGETにしてみる
　　cache, contentType, processDataをいじってみる、削除してみる

終わりに

最後まで閲覧ありがとうございました。
ご指摘、ご意見ありましたらコメントよろしくお願いします。