Question

这是我的search.html：

<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="search.js"></script>
 <LINK href="map.css" rel="stylesheet" type="text/css">
</head>
<body>
<input id="searchterm" type="text" /> <button id="search">search</button>
<div id="results"></div>
</body>
</html>

<script type="application/javascript" src="search.js"></script>

这是我的search.js：

      $("#searchterm").keyup(function(e){
    var q = $("#searchterm").val();
    $.getJSON("http://hello.com/mydata.json",
    {
      srsearch: q,
      action: "query",
      list: "search",
      format: "json"
    },
    function(data) {
      $("#results").empty();
      $("#results").append("<p>Results for <b>" + q + "</b></p>");
      $.each(data.query.search, function(i, item){
        $("#results").append(item.name);
      });
    });
  });

我希望结果显示在页面上。它应该查看JSON文件，然后返回在JSON搜索中找到的项的名称。 JSON文件中的每个对象都具有名称属性。

我收到此错误：

TypeError：data.query未定义 $ .each（data.query.search，function（i，item）{

搜索JSON文件并使用jquery显示结果

0 个答案: