2017-06-26 9 views
0

特定の外部APIへのリンクを作成するにはどうすればよいですか?文書の内容が常に変更されるため、文書をコピー&ペーストしたくないので、自分のサイトを「ライブ」にしたいと思っています。その後、私はJSON(私はそれがJSONだと思う)の内容をJavaScriptで計算に使用できるようにする方法も知りたい。必要な場合はこれがコードの例ですhttps://www.alphavantage.co/query?function=TIME_SERIES_DAILY_ADJUSTED&symbol=MSFT&apikey=demo外部JSONコードをJavaScript(およびHTML)に使用する方法

+0

は、あなたがこれまでに試してみましたか? Googleは何を言いましたか? – Soviut

+0

ドキュメントを作成している場合は、JSON形式でドキュメントに挿入する必要があります。次に、外部ファイルへの標準的なajax呼び出しを行います。そのファイルの出力は、そのファイルの内容になります。その後、戻り値を読み取るだけです。 –

+0

私は、ポスターがちょうど(AJAX/XMLHttpRequest)の知識を欠いていることは明らかです。 – Joe

答えて

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>

関連する問題