使用 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 并且用户选择名称酒店并仅检索与该酒店相关的其他数据

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