2017-03-15 7 views
-1

外部テキストドキュメントを読み込んで個々の行に分割し、行の1つを表示する必要があります。これははるかに大きなプロジェクトの第一歩に過ぎませんが、私が進める前にこれを働かせようとしています。私はいくつかの異なることを試みました、そして、これは現在私が持っているものです。ローカルtxtドキュメントをJSにロードする

function capFunction() { 
    jQuery.get("CSCI-Classes.txt", function(data) { 
     var group=data.split("/n"); 
     document.getElementById("testDisplay").innerHTML = group[1]; 
    }); 
} 

この機能をHTMLファイルのボタンプレスで実行すると、何も起こりません。任意JSウィザードは役に立ちましたか?

+0

file:protocolでローカルファイルシステムからファイルを取得しようとしていますか? – guest271314

+0

私はこれに新しいので、あなたが何を意味するかは完全にはわかりません。私はあらゆる種類のサーバーから何も実行していません、すべてがローカルマシン上にあり、私はちょうどhtmlファイルを実行しています。 – jGutilla

+0

http://stackoverflow.com/questions/42590625/posting-from-local-html-javascript-website-to-an-online-php-file – guest271314

答えて

0

新しい行のエスケープ文字は間違った方向にあります。 \nである必要があります。

ファイルに文字列"/n"が含まれていないと仮定して(そしてgetが正しく動作すると仮定して)、分割の2番目の要素を存在しない内部HTMLに配置するように求めています。

これ以外にも、ファイルがロードされたときにブラウザのコンソールから404が表示されないことを確認してください。私はそれは単に私が見

Test Line 1 
Test Line 2 
Test Line 3 

を含む私のCSCI-Classes.txtファイルで次のコード

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
<script type="text/javascript"> 
    function capFunction() { 
     jQuery.get("CSCI-Classes.txt", function(data) { 
      var group=data.split("\n"); 
      document.getElementById("testDisplay").innerHTML = group[1]; 
     }); 
    } 
</script> 
</head> 
<body> 
    <input type="button" value="Test" onClick="capFunction()" /> 
    <div id="testDisplay"></div>  
</body> 
</html> 

を使用してローカルで作業を取得するために管理している

EDIT

Test Line 2testDisplay divの内部HTMLとして表示されます。

file:プロトコルを使用してHTMLファイルにアクセスするときに、アプリケーションサーバーを使用してこれを実行する場合にのみ、これが機能します。

+0

愚かな間違いですが、改行文字を修正しても、データはまだ表示されません。私は、私が見ることができるどんなエラーも得ていない、ちょうどHTMLページのアクションの不足。 * edit - チェックすると、コンソールはcapFunctionが定義されていないと言っています。私はなぜそれが当てはまるのか分かりません。 – jGutilla

+0

htmlのようなコードをもっと見ることなく、私が恐れていると診断するのは難しいでしょう。 –

+0

アプリケーションサーバーを使用せずにこれを動作させるにはどうすればよいですか? – jGutilla

関連する問題