コツコツ学習ブログ

プログラマのweb上のメモ的なもの

Ajax超基礎

Ajaxとは

通常のブラウザからのリクエストに代わってJavaScriptから Webサーバにデータをリクエストし、返されてきたデータもJavaScript自身が受け取る仕組みである。

受け取ったデータが既存のデータを書き換えない為、表示されたページは完全に書き換わらない。

この特性を利用してWebサーバから最新のデータを取得し、 そのデータをもとにJavaScriptを使ってページの一部だけを書き換えられるようになる。

イメージとしては、JSがブラウザとWebサーバとの間でデータの中立を行うイメージ

Ajaxの基本形

$.ajax({url:'data.json',dataType:`json})
.done(function(data){
データがダウンロードできた時の処理
})
.fail(funcion(){
データがダウンロードできなかた時の処理
});