タグ : 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)にあります。
今回は、このエラーが発生する原因と解決方法を紹介します。
続きを読む

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について紹介します。
続きを読む

Ajaxで値を複数送信する方法

ajax

AjaxでAPI(サーバサイド)へ複数個の値を送信する方法を紹介します。
AjaxでAPI(サーバサイド)へ値を渡す方法は、以前「AjaxでAPIにJSON形式の値を送信する方法」「Ajaxで文字列配列を送信する方法」を紹介しました。
今回は、複数個の値をAPI(サーバサイド)へ渡す方法を紹介します。
実際の開発では、1つの値を渡す場面よりも複数個の値を渡す場面の方が多いと思います。
続きを読む

Ajaxで文字列配列を送信する方法

ajax

AjaxでAPIにJSON形式の値を送信する方法を紹介しました。
今回は文字列配列をAPI(サーバサイド側)に渡す方法を紹介します。
チェックボックスの値等は、文字列ではなく、配列でAPI(サーバサイド側)に渡すことがほとんどです。
本格的なAPIをつくるうえで、パラメータの受け渡しは重要です。本ブログを参考して頂けると幸いです。
続きを読む