Question

我一直在使用transportAPI创建一个小型个人网站，以显示从我的本地火车站http://www.gilyte-robertson.de/GLQ.html出发的火车

我通过以下API调用获取JSON文件 https://transportapi.com/v3/uk/train/station/GLQ/live.json?app_id=MY_ID&app_key=MY_KEY&darwin=false&train_status=passenger

我以以下格式获取数据：

  "departures": {
    "all": [
      {
        "mode": "train",
        "service": "13560015",
        "train_uid": "G91319",
        "platform": "9",
        "operator": "SR",
        "operator_name": "Scotrail",
        "aimed_departure_time": "07:17",
        "aimed_arrival_time": "07:16",
        "aimed_pass_time": null,
        "origin_name": "Milngavie",
        "destination_name": "Edinburgh Waverley",
        "source": "Network Rail",
        "category": "OO",
        "service_timetable": {
          "id": "https://transportapi.com/v3/uk/train/service/train_uid:G91319/2018-12-04/timetable.json?app_id=MY_ID&app_key=MY_KEY&live=true"
        },
        "status": "LATE",
        "expected_arrival_time": "07:21",
        "expected_departure_time": "07:22",
        "best_arrival_estimate_mins": 2,
        "best_departure_estimate_mins": 3
      },

然后我使用Ajax调用来获取数据。例如：

  $.ajax({
    dataType: "json",
    url: url
  }).done(function(data) {
    console.log(data);
    $('#ExpectedTime').html('<h3></h3>');
    for (var place of data.departures.all) {
      var boardHTML = '<div class="DBoard">' +
                     place.expected_departure_time + 

                    '</div>';
      $('#ExpectedTime').append(boardHTML);
    }

然后我用它来写我的HTML：

    <div class="col-md-2 ">
        <h2>Expt</h2>
        <choochoo><body onLoad="init();">   
            <div id='ExpectedTime'>Loading Trains...</div>
        </choochoo>
</div>

这很好。但是我希望能够在写入HTML时有条件地更改值。例如：如果“ expected_departure_time” =“ aimed_departure_time”，则HTML中的值为“ ON TIME”，而不是JSON中的“ expected_departure_time”值。

这有可能吗，如果可以，最好怎么做？

我对开发网站非常陌生，所以如果这是一个愚蠢的问题，请原谅！

从transportAPI的JSON文件中有条件地提取数据

0 个答案: