JavaScriptでJSONファイルにアクセスするには？

-2

私はdata.jsonとしてJSONファイルを持っており、JavaScriptが埋め込まれたHTMLファイルがあります。単純なHTMLファイル（file：/// C：/Users/XYZ/Desktop/htmlpage.html）でJSONファイルのデータにアクセスし、サーバー/クライアントの形式ではなく（http://...）、データにアクセスします。私はJSONファイルをインポートする簡単なコードを試してみました。JavaScriptでJSONファイルにアクセスするには？

<!DOCTYPE html> 
<html> 
<body> 

<p>Access an array value of a JSON object.</p> 

<p id="demo"></p> 

<script type="text/javascript" src="F:/Folder/data.json"> 

var myObj, x; 

x = data[0].topic; 
document.getElementById("demo").innerHTML = x; 

</script> 

</body> 
</html>

私は他のStackOverflowの質問に

<script type="text/javascript" src="F:/Folder/data.json">

を使用して、このメソッドを読んだことがあります。しかし、それは動作していません。

JSONファイルのデータにアクセスする最も簡単な方法を教えてください。

出典

2017-03-08 Shubham B.

JSONはjavascriptスクリプトではありません。これは、データを記述するための構造化された方法です。 JavaScriptスクリプトとして読み込むことはできません。 – YounesM

「オープンローカルファイルjavascript」を検索すると、[this]（http://stackoverflow.com/questions/41765457/local-javascript-cannot-open-local-file）と[this]（http://stackoverflow.com/質問/ 38756968/open-local-files-in-javascriptを参照してください）。 –

[JavaScriptファイルを.jsonファイルから読み込むにはどうしたらよいですか？]（http://stackoverflow.com/questions/6711002/how-can-i-get-javascript-to-read-from-a-） json-file） – driconmax

あなたは変数にデータを割り当てるために、あなたのJSONファイルでこのような何かを書いてみてください：

window.data = JSON.parse('insert your json string here');

は、次に、あなたのページのJavaScriptでwindow.dataにアクセスすることができます。 window.を省略し、dataから割り当てたり、読み取ったりすることもできます。これはwindow.dataと同じです。

おそらくクリーナーアプローチは、両方のアプローチは、このサイト上で利用できる多くの答えを持っている、のいずれかjQueryのか、バニラのJavascriptとAJAX要求を使用することです。

またjQuery.getJSON()で溶液の中に見ることができる：Loading local JSON file

出典

2017-03-08 18:13:51 antoineMoPa

-1

あなたは（JSONファイルからデータにアクセスし、データをいくつかのものをやって）ご希望のタスクのためのPHPを使用することができます場合は、PHPを使用する方が簡単になりますJSONファイルを開きます。次のコードを使用してJSONファイルにアクセスできます。ここ

は、JSONを$（ファイルが始まる場合は '['）/配列（ファイルは '{' で始まる場合）、最も外側のオブジェクトであろう。それからあなたは通常の方法でそれを使うことができます。

たぶん、あなたのいくつかは、なぜ私はJavascriptの質問にPHPソリューションを投稿してると思いますか？しかし、Javascriptでファイルを開くよりもはるかに簡単だとわかりました。したがって、PHPを使用することが許可されている場合は、それを行ってください。

出典

2017-03-11 13:30:26

JavaScriptでJSONファイルにアクセスするには？

答えて

関連する問題