Question

该项目的说明是创建一个简单的网页应用程序，允许用户输入一个或多个股票代码和符号显示有关这些股票的价格信息。 •数据必须来自REST API（https://www.alphavantage.co），可以免费使用并返回JSON 格式化输出。

到目前为止，这是我的代码，而且我无法弄明白更新当用户键入符号时，它在控制台上没有显示任何内容。如何才能使用户输入的每个符号，它从网址中获取价格并给出价格。

＆＃13;

$(document).ready(function() {
  $('#searchstock').on('click', function() {

    let requestData = $('search').val();
    let resultElement = $('stock');
    // Make request to rest API
    $.ajax({

      url: 'https://www.alphavantage.co/query?function=BATCH_STOCK_QUOTES&symbols=' + requestData + '&apikey=SB1CZMKQ6Q5283QZ',
      method: 'get',
      data: {
        symbols: requestData
      },
      dataType: 'json',
      success: function(data) {
        console.log(data);
        resultElement.html('price:' + data.Stock_Quotes[0])
      }
    });
  });
});

＆＃13;

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Stocks</title>

  <!-- Bootstrap core CSS -->
  <link href="https://bootswatch.com/4/simplex/bootstrap.min.css" rel="stylesheet">
</head>

<body>
  <div class="container">
    <div class="searchContainer">
      <h1>Enter symbol</h1>
      <p class="lead">Enter a a symbol to fetch a price </p>
      <input type="text" id="search" class="form-control" placeholder="Stock symbol...">
    </div>
    <br>
    <button type="button" id="searchstock" class="btn btn-info">Get price</button>
    <br>
    <div id="stock"></div>
  </div>
  <!-- /.container -->
  <script src="https://code.jquery.com/jquery-3.1.1.js" integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA=" crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <!-- script src="js/main.js"></script -->
</body>

</html>

＆＃13;

Answer 1

您希望此行与其id属性设置为“search”的输入匹配：

let requestData = $('search').val();

jQuery select函数需要CSS selector作为其第一个参数。现在在您的代码中，您为$函数提供的CSS选择器为'search'，这实际上意味着«请匹配其名称为“搜索”的元素»而不是«将ID属性设置为“搜索”的元素匹配» 你看到了区别吗？

只需将$('search').val();更改为$('#search').val();，#告诉您匹配“id”属性。

这一行也是如此。

let resultElement = $('stock');

您还有财产名称问题 查询“MSFT”将返回如下内容：

{
  // …
  "Stock Quotes": [
    {
      "1. symbol": "MSFT",
      "2. price": "93.0300",
      "3. volume": "--",
      "4. timestamp": "2018-03-02 15:59:59"
    }
  ]
}

正如您所看到的，数据对象属性在您的代码中被称为“Stock Quotes”，而不是Stock_Quotes。

由于属性名称包含空格，因此访问此条目需要使用方括号表示法。检索第一个结果的价格如下所示：

resultElement.html('price:' + data["Stock Quotes"][0]["2. price"])

Answer 2

如果您想在用户键入符号时执行search / ajax-call，请尝试使用oninput而不是onclick。

＆＃13;

uint64_t myvalue = 0x0123456789abcdefULL;
uint64_t masked_value = myvalue & 0xfffffffffffffff8ULL;

printf("Bytes are %" PRIx64 "\n", masked_value );

＆＃13;

CSS选择器无法使用jQuery

2 个答案: