Ajaxとは
Ajaxとは、Webブラウザに実装されているJavascriptの
HTTP通信を利用して
Webページのリロードを行わずに
サーバーとデータのやりとりをすることで処理をすすめる
対話型のWebアプリのこと
Ajaxは
Asynchronous
Javascript
+XML
の略
Javascriptを使った非同期通信と
XMLを意味する
従来のWebアプリでは
ページをリンクすると、リロードしたけど
Ajaxを使えば
Javascriptの非同期HTTP通信で
画面の必要な部分だけ書き換えたりできる
ユーザ操作と平行してサーバーと通信ができる
これにより、ネイティブアプリみたいな体感ができる
名前にXMLが入ってるけど
JSONやほかのものも使える
Ajax要は
HTML要素の一部書き換え
このため、プログラムから文章にアクセスし、操作する
方法が必要
これを行うのが
DOM
DOMは
Document
Object
Model
の略
これをつかえば、画面の画像を別のものに差し替えたり
メッセージやタイトルの書き換えができる
onclick=””
のところへ
自作関数名をかく
onclick=”touch()”
onclick=”touch”ではダメ
ちゃんと()もつけること!
innerHTMLは要素の書き換えをする
divタグの要素書き換えなら
divタグへIDつける
getElementById()て特定のDOM要素を取得
DOM要素をinnerHTMLて要素書き換え
innerHTMLは
テキスト書き換えだけじゃなく
新たにHTMLを生成し、
完全に書き換えもてきる