2011-11-07 6 views
0

例をhttp://www.w3schools.com/ajax/tryit.asp?filename=tryajax_firstからコピーし、自分のコンピュータのtest.htmlにローカルに保存しました。はい、私もajax_info.txtファイルを作成しましたが、ボタンをクリックしても何も起こりませんし、w3schoolsではうまく動作します。何か案は?ここでAJAXの例がローカルで動作しない

は、コピーしたコードです:

<html> 
<head> 
<script type="text/javascript"> 
function loadXMLDoc() 
{ 
    var xmlhttp; 
    if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
     xmlhttp=new XMLHttpRequest(); 
    } 
    else 
    {// code for IE6, IE5 
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
     document.getElementById("myDiv").innerHTML=xmlhttp.responseText; 
    } 
} 
xmlhttp.open("GET","ajax_info.txt",true); 
xmlhttp.send(); 
} 
</script> 
</head> 
<body> 

<div id="myDiv"><h2>Let AJAX change this text</h2></div> 
<button type="button" onclick="loadXMLDoc()">Change Content</button> 

</body> 
</html> 
+2

Ajaxはローカルでは動作しません。投稿するにはウェブサーバーが必要です。 – Garvin

+0

私は同じことをしましたが、テスト目的のために自分のローカルマシンにウェブサーバーがあるのはどうですか? –

答えて

4

あなたのマシン\環境は、HTTP経由でテキストファイルを提供するように設定されています。すなわち、クライアントのボタンを押すと、つまりブラウザはGET HTTPをサーバーに送ります。つまり、ローカルマシンはWebサーバー(iis /リモートボックスが設定されている場合

+0

正しい。それは助けてくれてありがとう! – Nikola

0

あなたajax_info.txtファイルをいの内容を持っている:

< P>のAJAXは、新しいプログラミング言語ではありません。 </p>
< p> AJAXは、高速かつ動的なWebページを作成するための技術です。 </p>

< p>と</p>にはスペースがありません。私はちょうど形容詞のためにそれを置く。

サイドノート:ajaxの基本を学ぶと、jQueryのバージョンで作業する方がはるかに簡単です。もっと簡単!

+0

はい、ファイルにはそれがありました - アランのポストは私の問題を実現させました。そして、はい、私はjQueryについて知っている、ちょうどこの例を行う必要があった.. – Nikola