2011-01-28 10 views
21

まず、Javascriptレルムの新人です。私は、次のような、JSONファイルを持っている:として私はJSONファイルに文字列をエンコードする方法を見つけるために私のスクリプトにこのファイルを取り戻すことができますどのようにJavaScriptでJSONファイルを使用する方法

{"markers": [ 
    { 
    "abbreviation": "SPA", 
    "latitude":-13.32, 
    "longitude":-89.99, 
    "markerImage": "flags/us.png", 
    "information": "South Pole", 
    }, 

.... lots more of these in between .... 

{ 
    "abbreviation": "ALE", 
    "latitude":-62.5, 
    "longitude":82.5, 
    "markerImage": "flags/us.png", 
    "information": "Alert", 
    }, 
] } 

私は多くの研究を行ってきました。基本的に、私は

object data = filename.json 
document.write(data.markers.abbreviation[1]) 

(私はこれがどのようにあなたのコードではありません知っている)...は、Javascriptを通じて、このような何かを、このファイルを読みたい誰かが私にこれを行うことについては移動する方法についての明確な指示を与えてくださいすることができます。覚えておいて、私は新参者であり、私はjavascriptの専門用語と同等ではないので、詳細が必要です。

答えて

48

まず、ファイルのハンドルが必要です。あなたはajaxまたはサーバーサイドの動作のいずれかを介して何とかそれを取得する必要があります。

ファイルの場所を指定する必要があります。それを手に入れようとしている方法と、あなたが使っているサーバサイドコードについて教えてください。

これが完了したら、JSON.parse(string)を使用できます。古いブラウザをサポートする必要がある場合は、json2.jsファイルを含めることができます。

jQueryを使用する場合は、代わりにを解析してみることもできます。

リモートでJSONを使用すると、jQuery.ajaxまたはAjax.RequestなどのAjax機能でJSONPまたはライブラリのいくつかの種類を使用するか、それをロードするにはjQuery.getJSON

を使用することになり取得するためのオプション。それは生のjavascriptで行うことができますが、それはちょうど醜いですし、ホイールを再発明しています。

$.getJSON("document.json", function(data) { 
    console.log(data); 
    // data is a JavaScript object now. Handle it as such 

}); 
+3

私が議論したライブラリにリンクされている場合、これをアップヴォートします。 – Quentin

+2

@DavidDorwardそれはそれらにリンクします。 '.js'ファイルへの直接リンクが本当に必要ですか? – Raynos

+0

そのコメントを書いたときにリンクが表示されませんでした。 – Quentin