私は、アプリケーション内のローカルJSONファイルからデータを取得し、解析し、このデータを使用してアプリケーションでコンテンツを生成する必要があるアプリケーションを構築しています。私はすでに、クロスオリジンのリクエストの問題のために、私はサーバー上で自分のアプリケーションをホストする必要があることをオンラインで読んだ。私はすでに働いているローカルノードサーバーにそれを設定しました。今私の質問は本当に、私はどのように進めるのですか? XMLhttpリクエストを作成する経験はあまりありません。ファイルパスをローカルJSONファイルに渡すだけですか?私はコールバック関数がちょうど最初にデータのいくつかをログに記録するようにしたいと思いますので、私はそれが動作していることを知っています。また、私はこれを最初にプレーンなjavascript、ライブラリ、フレームワーク(私はExpressを使いましたが、サーバーのためだけ)を使って試してみたいと思います。ありがとう!ローカルJSONファイルのjavascriptを使用してJSONデータをプルする
0
A
答えて
1
var x = new XMLHttpRequest();
x.open('/file.json');
x.onreadystatechange = function(){
if(x.readyState == 4){
callback(x.responseText);
}
};
x.send();
function callback(resp){
console.log(resp);
}
ここであなたはまだ、これはあなたを助け:)
0
javascriptからXMLhttpリクエストを作成することは、ブラウザでWebページをリクエストすることと違いはありません。ファイルパスではなくURLを使用する必要があります。
関連する問題
- 1. ローカルJSONファイルのデータをjavascriptにロード
- 2. JSONデータをプルする
- 3. ローカルJSONファイルとデータ
- 4. ローカルJSONファイルをJavaScriptでロードする
- 5. ローカルのjsonファイルから$ resourceを使用してデータを取得する方法
- 6. jsonをローカルのJSONファイル
- 7. jQueryとJavascriptを使用してローカルJSONファイルを解析します。
- 8. jsonデータをajaxリクエストでプル
- 9. パースしたJsonのデータをswiftでプル
- 10. ローカルJSONからJSONデータを解析する方法ファイルswift 3?
- 11. 外部のjsonデータをコピーしてローカルのjsonファイルに貼り付けます
- 12. javascriptを使用してJSONデータの一部を表示する
- 13. javascriptを使用してjsonデータ内のキーを検索する
- 14. POST JSON JavaScriptを使用したデータ
- 15. ユニットテストでのローカルJSONファイルの使用
- 16. jqueryを使用したファイルのJSONデータ
- 17. JSON結果をJavaScriptのデータとして使用する
- 18. AngularJSを使用してローカルJSONファイルを更新
- 19. javascriptを使用してjsonデータをURLに投稿する
- 20. javascriptを使用してJSONデータを取得する(Tumblrから)
- 21. javascriptとajaxを使用してjsonファイルにデータを追加する方法は?
- 22. ローカルjsonファイルをロード
- 23. JSPでJavaScriptを使用してJSONファイルをロードする
- 24. JavaScriptを使用してJSONからファイルを要求する
- 25. jQuery/Javascriptを使用してローカルシステムにJSONファイルをロードする
- 26. ローカルJSONファイル
- 27. ajaxを使用してJSONファイルのデータをセレクトします
- 28. jsonを使わずにjsonファイルのデータを表示する純粋なJavaScript
- 29. ローカルのJSONデータで画像を使用するSwift
- 30. フェッチを使用してファイルとjsonデータを送信する
だけ明確にすること、これは要求を行う私のjavascriptのファイル内のコードになりますクロスブラウザ
希望のためのより多くのものを行う必要があります。しかし、応答権限を扱うserver.jsファイルにコードが必要なのでしょうか?例: app.get( '/ file.json'、function(req、res){ res.send( 'file.json'); }); – Fabian