特定の外部APIへのリンクを作成するにはどうすればよいですか?文書の内容が常に変更されるため、文書をコピー&ペーストしたくないので、自分のサイトを「ライブ」にしたいと思っています。その後、私はJSON(私はそれがJSONだと思う)の内容をJavaScriptで計算に使用できるようにする方法も知りたい。必要な場合はこれがコードの例ですhttps://www.alphavantage.co/query?function=TIME_SERIES_DAILY_ADJUSTED&symbol=MSFT&apikey=demo外部JSONコードをJavaScript(およびHTML)に使用する方法
0
A
答えて
3
スクリプトからJSONファイルを取得したいとします。これは一般的に 'AJAX'(Async JavascriptとXMLですが、この場合はJSONです)と呼ばれています。
あなたはJQueryを使用しているので、jQuery.ajax関数、具体的にはjQuery.getJSONを使用できます。
これは新しいことを考えると、この点について注意深くお読みください。 JavaScriptのの非同期性の問題があり、コールバック、クロスオリジンリソースを共有するなどなど
あなたは、このように、このデータを取得することができ+0
ありがとう!今私は何をすべきか知っている –
0
:
function toTpl(date, content) {
return `<li>
<h3>${date}</h3><pre>${JSON.stringify(content)}</pre>
</li>`
}
jQuery
.getJSON('https://www.alphavantage.co/query', {
function: 'TIME_SERIES_DAILY_ADJUSTED',
symbol: 'MSFT',
apikey: 'demo'
})
.then(data => data["Time Series (Daily)"])
.then(series => {
return Object
.keys(series)
.reduce((res, date) => res.concat(toTpl(date, series[date])), '')
;
})
// RENDER HTML
.then(html => $('<ul />').html(html).appendTo(document.body))
;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
関連する問題
- 1. Joomlaの外部HTMLおよびアクセスレベル
- 2. プロトタイプおよび使用方法のJavascript
- 3. javascriptイベントを使用してJavaScriptコードの一部を追加および削除する方法
- 4. jQuery load()およびjsonを使用して外部コンテンツをロードする
- 5. html、css、およびjavascriptを使用してウェブページに線を描く方法
- 6. JavaScriptのロード時(および内部)にJavaScriptコードを実行Modalbox
- 7. 外部および内部のHTMLテーブルのCSSスタイルは
- 8. は、HTML、CSSおよびJavaScript
- 9. JavaScript、HTML、およびiFrames
- 10. jQueryまたはPure JavaScriptを使用して外部HTMLをコピーする方法
- 11. IDEのEclipseを使用してJavaコードでHTML、CSS、およびJavascriptを使用する
- 12. DNS:内部および外部のネームサーバ
- 13. 内部および外部のバックリンク
- 14. JavaScript、HTML、およびCSSを使用したドロップダウンメニュー
- 15. Javascriptを使用してクッキー(およびクリーム)のコードを書く
- 16. テキストボックス、HTML、およびJavaScriptを使用してiFrameにPDFを表示する
- 17. 変数に外部JavaScriptスクリプトを使用する方法は?
- 18. JSONを使用してHTMLフォームを送信およびテストする
- 19. htmlコードでjsonファイルを使用する方法
- 20. 必要なHTMLコードの部分を取得する方法JSON
- 21. HTML、CSS、およびJQueryを使用してCNNメニューナビゲーションを作成する方法
- 22. CSS3、jQuery、およびHTMLを使用してイメージキューエフェクトを作成する方法は?
- 23. 私はHTML、CSSおよびJavaScriptを練習していますJavaScriptコード
- 24. 外部ファイルのみを使用したjavascriptコードの書き方
- 25. 純粋なJavaScriptを使用して外部ページを呼び出す方法
- 26. javascriptを使用してjsonファイルからデータを保存および取得する方法は?
- 27. ローカルのhtmlコードでjavascriptスクリプトを使用する方法
- 28. 同じコンピュータからローカルおよび外部IPをキャプチャする方法は?
- 29. トランザクションの外部でのみテーブルをロックおよびロック解除する方法
- 30. 外部JavaScriptライブラリをtypescriptで使用する方法 - 角度4
は、あなたがこれまでに試してみましたか? Googleは何を言いましたか? – Soviut
ドキュメントを作成している場合は、JSON形式でドキュメントに挿入する必要があります。次に、外部ファイルへの標準的なajax呼び出しを行います。そのファイルの出力は、そのファイルの内容になります。その後、戻り値を読み取るだけです。 –
私は、ポスターがちょうど(AJAX/XMLHttpRequest)の知識を欠いていることは明らかです。 – Joe