AJAXを使ってローカルファイルを読む

Question

私はAJAXの初心者で、自分のデスクトップにあるすべてのコードを自分のデスクトップに置いて、AJAXを使ってHTML内のdivのファイルコンテンツを出力しています。 AJAXを介してローカルファイルにアクセスすることも、ファイルをサーバー上に置く必要がありますか？

その示すエラー.jsファイルに

Answer 1

を「アクセスが拒否されました」とJavascriptがクライアント側での作業ですが、にできない、それようのアクセスが制限されてきた私は初めてのAJAX機能をテストしていると私は問題に直面していますクライアントマシンからローカルファイルにアクセスします。

したがって、あなたはajaxを使用してdivでデータを取得してクライアントを表示するよりも、コンテンツをサーバーに配置する必要があります。

Answer 2

ファイルアクセスは、ブラウザのJavaScriptの実装では、最初から禁止されています。誰かがブラウザの「セキュリティ機能」を手動で無効にすることができます。たとえば、Google Chromeの場合、コマンドライン引数として--disabled-web-securityで実行可能ファイルを起動する必要があります。 Firefoxはその中でそれを無効にすることができますabout:config。

とにかく、あなたが一般向けのコードを書いているならば、もちろんそのことに頼ることはできません。しかし、トンネルの終わりには光があります。 「新しい」Javascript File APIはすでにChromeで利用可能ですが、他のベンダーもまもなく私は思います。そのAPIは "正式に"あなたのスクリプトがローカルマシン上のファイルを読むことを可能にします。

Answer 3

セキュリティ上の理由から、クライアント上のファイルシステムへのJavaScriptのアクセスは制限されています。あなたの重要な文書を（他の誰かの）JavaScriptで読みたいかどうかを検討してください。

現実的なトポロジで作業することをお勧めしますが、実際のシステムで提供されるサーバーからのものを提供してください。

開発ディレクトリを指すようにApacheなどのWebサーバーを設定するのは本当に簡単なので、「サーバー」は偽装したデスクトップだけです。したがって、編集/テストサイクルは本当に速いです。

Answer 4

Ajaxを使用してローカルでファイルにアクセスできるように、mozilla firefoxで試してみました。うまくいきました。私は2つのテキストファイルを作成し、同じフォルダにペースを入れました。ここにコードがあります。申し訳ありませんが間違いがある場合。

function getXmlHttpRequestObject() { 
    if (window.XMLHttpRequest) { 
     return new XMLHttpRequest(); //Not IE 
    } 
    else if(window.ActiveXObject) { 
     return new ActiveXObject("Microsoft.XMLHTTP"); //IE 
    } 
    else { 
     alert("Your browser doesn't support the XmlHttpRequest object. Better upgrade to Firefox."); 
    } 
}   
var receiveReq = getXmlHttpRequestObject();  
function sayHello(fname) { 
    if (receiveReq.readyState == 4 || receiveReq.readyState == 0) { 
     receiveReq.open("GET", fname, true); 
     receiveReq.onreadystatechange = handleSayHello; 
     receiveReq.send(null); 
    }   
} 
function handleSayHello() { 
    if (receiveReq.readyState == 4) { 
     document.getElementById('span_result').innerHTML = receiveReq.responseText; 
    } 
} 

Here is the html code 
<select name="files" onchange="sayHello(this.value)"> 
<option value="">Select a file</option> 
<option value="file.txt">file.txt</option> 
<option value="file2.txt">file2.txt</option> 
<option value="ajax.html">Ajax.html</option> 
</select><br> 
<p>Contents of the file will be displayed below</p> 
<div id="span_result"></div> 

Answer 5

テスト用にしたいのであれば、クロームでウェブセキュリティを無効にすることができます。