feedtailor Inc. 大石裕一の開発ブログ

javascript のライブラリとして最近 jQuery を使ってます。

選んだ理由は

• 複数ブラウザに対応(当然)
• 軽量である
• 最近のversion upで相当速度向上したらしい
• DOM指定にXpathやCSS表記が使える事(個人的な好み)

です。XPathという珍しいモノ(?)に触れるのもXMLの勉強になって良いです。(ちょっとチガウ)

さて、jQueryにもAjaxを非常に簡単に実装できる便利関数が幾つか用意されているんですが、リクエスト先からJSONオブジェクトが返ってくるようなケース(ほとんどがそうだと思いますが...)では $.getJSON を使うのが便利。

$.getJSON('script.php', {param1:value1, param2:value2}, function(json){

    alert(json.value);

})

ってな感じに、eval する事無くいきなりJSONオブジェクトとして扱えるモノを引数として貰えるからです。1行でもjavasriptのコードを少なくしようという jQuery のコンセプトがこんな所にも表れているような気がします。

...が、FirefoxやSafariで実験している時は良いのですが、deployしてIEで確認してみると動かない...というか callback が呼ばれないという事態に陥る事があります。そんな時はリクエストを投げる先である script.php で明示的にConent-typeのレスポンスヘッダを指定してやると巧くいきます。

header('Content-type: application/json; charset=UTF-8');

jQueryを使ってAjaxを実装するとIEでのみエラーが起きたというページを参考にさせて貰ったのですが(筆者の方に感謝デス!)、これが分かるまで数時間をロスってしまいました。

あ。JSONのMimeTypeについて補足です。

少し気になって調べてみた所、JSONを返す時のMimeType指定は、安易に text/html とかにしちゃうと何かと問題が発生するそうなので、application/json にした方が良い模様。

またRFC4229によるとtext/javascript は obsolete だそうで、RFC4627にはちゃんと application/json と規定されてようです。ここは従っておいた方がよさげですね。

以上、 jQuery , Ajax, IE の組み合わせでハマりましたというメモと JSON の MimeType についてでした。