Ajaxデビュー

Ajaxの基礎的な仕組みをいろんなページ参照しながら書けるようになりました．

newtou.info:30080/~poti/yarikuri/test_home.html
↑
で練習中．
Ajaxの仕組みとしては，
1.XMLHttpRequestオブジェクトの生成(httpojとする)
2.httpoj(method,url,async)でリクエスト形式とリクエスト先の決定
3.httpoj().openで送信路確立
4.送信データの送信
5.取得したデータの処理

という感じっぽい．
今のところ4.に苦戦中でなんとかデータをPOSTで送信できる形にまでもっていけた．
一生懸命"application/x-www-form-urlencoded"のスペルチェックしてたけど，
実はそんなの関係なくて，GETで送信しようとしてたから遅れなかったっぽい．

POSTでデータを送信したら無事に送信できました．

送信したデータそれぞれに対応するリストみたいなのを出力できるようにしよう．

 

bodyタグのonloadオプション

javascriptでつまづいた部分があったのでメモ

javascriptをヘッダに書くときは，body部分よりも前にjavascriptが実行されてしまうので注意が必要．

つまりbody部分にdivタグだとかspanタグでidを指定し，ヘッダでjavascriptでそのidを操作することはできません．

解決策としては，

body onload=関数名

として，ヘッダのjavascriptを関数でくくれば，bodyの情報をブラウザが読みこんでからjavascriptを実行してくれるっぽい．