我很難理解如何從 html 搜索框獲取搜索并將其輸入到 JS 端的 api 鏈接中。我想要這樣的東西工作$.getJSON(`https://www.alphavantage.co/query?function=TIME_SERIES_DAILY&symbol=$(".stock-name")&apikey=APIKEY`, function(data){ console.log(data); var date = data["Meta Data"]["3. Last Refreshed"]; var stock = data["Meta Data"]["2. Symbol"]; var info = data["Meta Data"]["1. Information"]; var open = data["Time Series (Daily)"][date]["1. open"]; var close = data["Time Series (Daily)"][date]["4. close"]; var high = data["Time Series (Daily)"][date]["2. high"]; var low = data["Time Series (Daily)"][date]["3. low"]; var vol = data["Time Series (Daily)"][date]["5. volume"]; var difference = close-open; $(".Stock-Name").append(stock); $(".info").append(info); $(".stock-open").append(open); $(".stock-close").append(close); $(".difference").append(difference); $(".date").append(date); $(".high").append(high); $(".low").append(low); $(".vol").append(vol); if(difference < 0){ $(".stock").css("background-color", "red"); } else{ $(".stock").css("background-color", "green"); } });其中 url 中的 symbol=$(".stock-name") 是用戶在前端輸入的股票名稱，它將顯示 api 中數組的信息。
1 回答
回首憶惘然
TA貢獻1847條經驗 獲得超11個贊
您可能想從您的問題中刪除您的 API 密鑰。
您沒有正確地將股票字符串添加到 URL 中。
以下是如何執行此操作的示例（API 密鑰設置為“test”，這似乎仍然有效）
$('#stock-search').click(function(){
var searchValue = $('#stock-name').val();
$.getJSON(`https://www.alphavantage.co/query?function=TIME_SERIES_DAILY&symbol=${searchValue}&apikey=test`, function(data){
console.log(data);
var stock = data["Meta Data"]["2. Symbol"];
$('#searched_for').html(`Got data for ${stock}`);
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="stock-name" type="text" value="APO"/><br/>
<button id="stock-search">Search</button><br/>
<div id="searched_for"></div>
- 1 回答
- 0 關注
- 102 瀏覽
添加回答
舉報
0/150
提交
取消