実践
こわくないAjax
5

XHRを用いた通信ではセキュリティ上の理由から、異なるドメインとの通信が制限されています。このような制限下で、クロスドメイン間で通信をする方法を解説します。

山田 敬美
山田 敬美 | フロントエンド・エンジニア

この記事では、HTTP通信後の処理について解説します。通信は常に成功するとは限らないので、通信の結果などを取得し、それに合わせて、処理を振り分けるような実装を行う必要があります。

山田 敬美
山田 敬美 | フロントエンド・エンジニア

今回からはjQueryの$.ajax()を用いた実践的な内容となります。この記事では、HTTP通信を操作する際の、業務でよく使う$.ajax()オプションの意味と設定方法を押さえます。

山田 敬美
山田 敬美 | フロントエンド・エンジニア

Ajaxがどのような仕組みで、JavaScriptによるHTTP通信を実現しているのかを解説。XMLHttpRequestを使った通信をコードに基づいてみてみます。また、送受信のデータ形式についても解説します。

山田 敬美
山田 敬美 | フロントエンド・エンジニア

Ajaxの仕組みを理解するためには、HTTPの理解が必要になります。ブラウザとサーバーとの間でどのような通信が行われているかをイメージできるように、今回はまずHTTPの仕組みを解説していきます。

山田 敬美
山田 敬美 | フロントエンド・エンジニア