カウンター表示をいまどきはやりのAjaxでやってみた。
非同期で読み込みをするという仕掛けで、いままでは同期してたからね。
今までは読み込みが終わるまでは固まってました。
だから何にもできない。
今は固まらないはず。場合によってはWait…と表示されるのが見えるかも。
だから快適…だと思う。
ところで、Ajaxの発端はInternet Explorerでページの移動なしにして通信できるものが作られたから。
それをMozillaがまねをして、広まったんだけど、そもそもIEじゃActive Xが発端だったわけで…
仕組みが違うんだな。結構めんどくさい。
そんなところまでさかのぼってAjaxはあるからねぇ…どうもめんどくさいそうですよ。
で、一応その差を吸収できるらしいprototype.jsを使ってみることに。
new Ajax.Request('/scount/count.php',{
method:'get',
parameters: 'id=fdiary&print=ajax&refer='+escape(refer),
onComplete: displayData });
こんな具合で、GETで送信してあげるだけ、実に簡単、なんのひねりもない。
受信完了したら作っておいたdisplayData関数が呼び出されて、表示と相成るわけですよ。
まぁprototype.jsを使わないとめんどくさいかもしれないけどね、これなら楽だ。
ただ、問題はASCIIかUTF-8か、まともに動くのはそれだけということ。
まぁ、とはいうけど、意外と読み込めるらしい。この辺は調査いるなぁ。
まぁというわけでそこまで徹底的にする気はないけどね。
でもまぁ、読み込むだけならAjax.RequestでHTTP Requestを送って、関数で受け取るだけだし。
XMLぜんぜん関係ないじゃんとか突っ込まれそうだけど、まぁこんなもんでいいでしょう。
まぁいろいろ試作してみることにするわ。
まぁカウンターのスクリプトもいろいろ整理してみることにするわ。
Ajaxにしたときにjavascript側に任せる仕事を増やしたんでね。
意外とカウンタースクリプトってめんどくさいんよね。
場合によってはファイル2つ開く必要があるしさぁ。
まぁ時間もかかるからこんな風に非同期にしたわけだけどね。
ところで、Ajaxをつかったら斬新な何か面白いことできるかな？
いいアイデアないかなぁ…
ページを移動しなくても、操作して、ほしいものが取り出せるということだ。
それは画期的にちがいないけどね。