JQuery・Ajaxの使い方・説明【Ajax】

こんにちは、ハル@haru_elpisです。

JQueryのajaxが便利なので紹介と説明です。

Ajaxとは

Ajaxとは、「Asynchronous JavaScript + XML」の略です。
直訳すると、「非同期のJavaScriptとXML」となります。

JQuery 3.4.1 CDNコード

jQueryを使用する際は、CDNコードを使って導入すと便利です。
こちらをHTMLのheadタグ内に貼り付ければ、jQueryを使用することができます。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

JQuery 3.4.1 本文

$.ajax({
    type: 送信タイプ,
    url: URL,
    data: 送信データ,
)}
.done(function(data,textStatus){
    console.log( "status:" + textStatus );
    //成功
)}
.fail(function(XHR, textStatus, error){
    console.log( "XHR :" + XHR.status);//HTTPステータスを表示
    console.log( "textStatus :" + textStatus );//タイムアウト、パースエラーなどのエラー情報を表示
    console.log( "error :" + eroor.message );//例外情報を表示
    //失敗
)};

type: 送信タイプ（post、またはget）
url: 非同期処理をするファイル名。同一のドメインしか使えません。
data: 送信するデータ。フォーマットと名称、値を記述{format: タイプ(json、html), パラメータ名: 値}
done: 成功した時
fail: 失敗した時

おわりっ