カテゴリ : Ajax

AjaxのHTTP通信のタイムアウト値の設定方法

ajax

AjaxでHTTP通信した際のタイムアウト値の設定方法について解説します。

タイムアウト値の設定自体は、Ajaxのオプションへ追加するのみで簡単に出来ます。

このページでは、タイムアウト値設定後、どのような動きをするのか実際のサンプル画面を使って確認することができます。
続きを読む

【Ajax】配列JSONデータを読み込みパースする方法

ajax

JSONデータのパース方法を過去に紹介しました。コチラです。AjaxでJSON形式のデータを読み込みパースする方法

過去ページでも配列JSONをパースする方法を少し紹介しましたが、配列JSONをパースする方法の要望が多かったので、独立したページを作りました。

過去ページで紹介した方法よりもシンプルにパース出来る方法を紹介しています。
続きを読む

Ajax通信(jsonp)でエラー「was not called」が出た時の対処方法

ajax

Ajaxを使って、外部APIにアクセスする時で、「jQuery1900668XXXXXXXXXX_136XXXXXXXX was not called」のようなエラーが出たことはないでしょうか。

なんだか数字の羅列がすごくて、何が原因なのか一見するとよく分からないエラーです。
このエラーに遭遇した方は、ほとんどの場合、サーバサイド側(API)を自分で作成した場合ではないでしょうか。
原因は、サーバサイド側(API)にあります。
今回は、このエラーが発生する原因と解決方法を紹介します。
続きを読む

JSON形式の文字列をparseJSONでパースする方法

ajax

JSON形式の文字列を一度JSON(オブジェクト)に変換して、JSONとしてパースする方法を紹介します。

JSON形式の文字列と聞くと何のことだかピンとこないと思います。
ソースを見れば、ピンとくるはず。
これ以上、余計な説明はしません。さっそくソースを見てみましょう。
続きを読む

Ajaxでネスト(入れ子)のJSONデータを解析する方法

ajax

APIのレスポンスなどで、すっかりお馴染みとなったJSONですが、複雑な構造のJSONを見ることも珍しくはありません。

JSONも単純な構造であれば、難なく使えますが、複雑な構造になってくると一瞬おおお!ってなります。
ですが、ご安心を!
いくら複雑な構造になっても必ずパースは出来ます!

今回は、JSONの中にJSONが記述されている、いわゆる入れ子の状態のJSONをパース(解析)する方法を紹介します。
続きを読む

Ajaxのjsonp・callbackの仕組みについて解説します。

ajax

こんにちわ!Ajaxを始めて最初にぶつかる壁は、jsonとjsonpの理解ではないでしょうか?

Ajaxで外部APIを実行したい場合は、とりあえずjsonpを使えば動きます。しかし何故動くのかについては、jsonpのcallbackについて正しい理解が無いと、AjaxとAPIの連携の仕組みまでは分かりません。
今回はjsonpcallbackについて紹介します。
続きを読む