始めに
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をいじってみる、削除してみる
終わりに
最後まで閲覧ありがとうございました。
ご指摘、ご意見ありましたらコメントよろしくお願いします。