[JQuery] Ajaxが使える状態かどうかチェックする方法

photo_00095

JQueryでAjaxを行うときに、Ajaxが使える状態にあるかどうかを調べる方法についてです。
プログラムから離れている期間が長かった後、久しぶりにAjax関係に触れてみたら、Ajaxが動かずに苦労することがあったのでチェック方法をまとめてみました。

まず JQuery が正常に動いているかの確認です。
下記のようなコードで設定できます。バージョンは自分の使いたいバージョンに値を変更してください。

JQueryの動作チェック

まず、JQueryをインポートします。

次に、リンクをクリックすると新しいページでウェブが開かれるというコードを記載してみます。

HTML

JQuery

これでリンクをクリックしてブラウザの新しいページ(タブ)でGoogleのページが開かれたら、JQueryは正常に動いています。

Ajaxの動作チェック

次に下記のコードをページのヘッダ部分に記載してください。

ソースの記載後にページにアクセスしたら
Ajax通信成功

このような画面が出れば、Ajax通信は行われています。

作っておいたソースをコピペして使うときに、前のサイトでは動いていたのが、今回は動かない!なんていう時は、環境がうまく整っていないこともあるので、環境が整っているかをチェックしましょう。

  • Categories

  • タグ

  • アーカイブ

  • 最近の投稿