Question

这是来自想要使用的网络API的实时链接： http://gmgapi.azurewebsites.net/SystemParameters/Hotels/GetAll?langId=en

这是我第一次从API调用数据，所以也许我错过了一些设置

在html页面中，我放了一些像这样的代码来测试与API的连接

  <div id="result"></div>

    <script>
(function() {
    var myAPI = "http://gmgapi.azurewebsites.net/SystemParameters/Hotels/GetAll?langId=en";
    $.getJSON(myAPI, {
    format: "json"
  })
    .done(function (data) {
        $("#result").html(data);
        alert("Load was performed.");  
    });
})();
    </script>

数组包含酒店数据，如酒店名称，描述和图片我只需要使用jquery

来调用它们

新编辑此代码正常工作以从Api

获取数据

(function() {
  var myAPI = "https://gmgapi.azurewebsites.net/SystemParameters/Hotels/GetAll?langId=en";
  $.getJSON(myAPI, {
      format: "json"
    })
    .done(function(data) {
      doSomething(data);
      console.log("Load was performed.");
    });
})();

function doSomething(data) {
  for (var i = 0; i < data.length; i++) {
    var div = $("<div>");
    var label = $("<label>").text(data[i].DisplayValue);
    $(div).append(label);
    $('#result').append(div);
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="result"> </div>

我需要制作一个href并且用户选择名称酒店并检索与此酒店相关的其他数据

类似于酒店1的任何用户点击ot以获取所有酒店数据

Answer 1

如果我理解正确，您希望从API接收的数据用于显示为html的结果吗？

(function() {
  var myAPI = "http://gmgapi.azurewebsites.net/SystemParameters/Hotels/GetAll?langId=en";
  $.getJSON(myAPI, {
      format: "json"
    })
    .done(function(data) {
      doSomething(data);
      alert("Load was performed.");
    });
})();

function doSomething(data) {
  for (var i = 0; i < data.length; i++) {
    var div = $("<div>");
    var label = $("<label>").text(data[i].DisplayValue);
    $(div).append(label);
    $('#result').append(div);
  }
}

http://jsfiddle.net/trf432xm/

使用jQuery从Web API检索数据数组

1 个答案: