从在线API搜索JSON数据

Question

好的，所以我想做的事情听起来很简单，但是当我四处搜寻时，我无法解决我想做的事情（据我了解）。

我对此很陌生，但是我想要的是在页面中有一个搜索栏，用于从在线API收集数据。

我希望搜索栏在api中反映LineNumber，然后将与搜索到的JourneyPatternPointNumber匹配的所有LineNumber打印到div中。

API中的每一行如下所示：

{
  "LineNumber": "1",
  "DirectionCode": "1",
  "JourneyPatternPointNumber": "10012",
  "LastModifiedUtcDateTime": "2012-06-23 00:00:00.000",
  "ExistsFromDate": "2012-06-23 00:00:00.000"
}

现在我有一个带有开关的js脚本，可打印设置了该信息的信息，但是由于该信息包含在具有我认为的信息的api中，因此最好从API收集信息代替。

现在我有以下js：

function calculate() {
  var line = document.buss.line.value;
  var stop;
switch(line) {
    case "LineNumber":
      stop = “JourneyPatternPointNumber";
      break;
    case "LineNumber":
      stop = "JourneyPatternPointNumber";
      break;
    default:
  }
    document.getElementById('stop').innerHTML = stop;
}

和以下html：

<input name="line" placeholder="LineNumber" onkeydown="if (event.keyCode == 13) { calculate(); return false; }" style="width:40px;" type="textbox" autofocus>
  <input onclick="resetHtml()" value="Reset" type="reset">
  <div id="stop" style="width:370px; height:800px">JourneyPatternPointNumber</div>

但是由于有成千上万的LineNumbers，并且它可以更改而不会发出任何通知，因此我希望将此api连接起来。

我希望我清楚我想做什么，并且有人可以帮助我解决这个问题。