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

Question

这是来自要使用的 Web 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，用户选择酒店名称并仅检索与该酒店相关的其他数据

类似于 hotel 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/