jQueryを使った時とmootoolsを使った時のローカルでの動作の違い

質問

jqueryの場合は

function open(){
$(id).load(path);
}

のようにするとローカル環境でもpathで指定したファイルを読み込んでくれますが、mootoolsの場合は

function open(){
new Ajax(path, {method: 'get', update: $(id)}).request();
}

のようにするとローカルでは動作しません。
現在はそれぞれどのような動きをしているのかわからない状態です。
jqueryは極力使わずにローカルで動作するようにしたいのですが、どのようにすればいいでしょうか。
よろしくお願いします。

回答No.2

x_jouet_x · ベストアンサー

それらしいMooToolsのJavaScriptファイルを見つけてきてソースコードを確認しました。

MooToolsのAjaxクラスは、XMLHttpRequestオブジェクトで一般的なAjax通信を行う処理が記述されています。
普通、Ajax通信はXMLHttpRequestオブジェクトのreadyStateプロパティ値が4、かつstatusプロパティ値が200のときに正常通信として処理が行われます。

ローカルでXMLHttpRequestオブジェクトを使用すると、statusプロパティ値が200にならないので正常通信として扱われません。
なので、MooToolsの方はローカルで動作しません。

一方、jQueryの方ですがこれもソースコードを確認しましたが、XMLHttpRequestオブジェクトのプロパティ値も見ていますが、location.protocolが"file:"のときの処理も別に記述してありました。
なので、jQueryの方はローカルでも動作します。

jQueryを使わないでローカルで動作させるには、この部分の処理を記述しないとダメそうですね。

お礼

オブジェクトのプロパティの値で判別しているとは知りませんでした！
おかげさまで無事振り分けすることができました。
ありがとうございました。

回答No.1

x_jouet_x

使用しているMooToolsのバージョンを教えて頂けませんか？
XMLHttpRequestは、MooToolsの最新バージョンだとRequestクラスを使用すると思うのですが・・・。

補足

ご回答ありがとうございます。
細かいバージョンがわかりませんが現在posteditorを使うために入れているので、Subversion版だと思います。
コメントに2006という表記しかないので、最新版ではないと思います。