3

私はこれのためにたくさん試しましたが、答えが見つかりませんでした。javascriptまたはhtmlを使用してファイルを読み取るにはどうすればよいですか。テキストファイル「sample.txt」があり、その中にいくつかの情報があります。これは、htmlファイルと同じフォルダに配置されます。htmlファイルには、このファイルを処理するhtmlコードが含まれています。ファイルから情報を読み取り、それをdivなどに表示したいだけです。主に、ファイルの読み取り方法を知りたいです。

必要に応じて、より多くの情報を提供します。

ありがとう

4

3 に答える 3

3

最初：JavaScriptはクライアント側で実行されます。ただし、ファイルのコンテンツをフェッチするには、AJAX-Requestを設定する必要があります。load()これを実現する最も簡単な方法はjQueryのようだ と思います。

例えば：

$('#theContentElement').load('sample.txt');
于 2012-05-16T10:26:02.313 に答える
1

jQueryを使用せずに通常のAjaxリクエストを実行して、ファイルを読み取ることもできます。

以下は、GETリクエストを使用してmyfile.txtからデータを取得し、それをid出力のDIVタグに出力します。

<script>
function ajaxGet()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {
  xmlhttp=new XMLHttpRequest();
  }
else
  {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("output").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","myfile.txt",true);
xmlhttp.send();
}
ajaxGet();
</script>

<div id="output"></div>
于 2012-05-16T10:39:55.203 に答える
0

javascriptを使用して実際のファイルコンテンツをフェッチできます。load関数を使用してjqueryを使用するサンプルコードを次に示します。

$("#YOUR_DIV_ID").load("sample.txt");

これにより、IDYOUR_DIV_IDのdivのコンテンツが"sample.txt"のコンテンツで更新されます。

于 2012-05-16T10:31:10.247 に答える