将JQUERY API中的数据发布到HTML中

Question

我决不是专家。在我工作的公司，我们有一家外部公司为我们开发一个网站。我们销售各种产品，并希望创建一个API来保持一切最新。我使用kimonolabs创建了API，一切顺利，它获取了我想要的信息。我的问题是，如何让它显示在div和其他标签中，这样我就可以对信息进行样式设置。这是我得到的。我只需要知道在评论部分放些什么//做点回应。

<script>
  $.ajax({
  url:"https://www.kimonolabs.com/api/balbvqjq?apikey=AxJK7bN6CCfuHxT46W9WAIHV2PhIrEt4",
  crossDomain: true,
  dataType: "jsonp",
  success: function (result) {
      alert('It Works!');
    //Do something with the response
  },
  error: function (xhr, status) {
    //handle errors
  }
});
</script>

我只需要知道一些基础知识就可以开始了。

Answer 1

一个简单的教程。。

假设结果存储

{
    "name": "mkyong",
    "age": 30,
    "address": {
        "streetAddress": "88 8nd Street",
        "city": "New York"
    },
    "phoneNumber": [
        {
            "type": "home",
            "number": "111 111-1111"
        },
        {
            "type": "fax",
            "number": "222 222-2222"
        }
    ]
}

那么获取值的可能用例是

alert(result["name"]); //mkyong
alert(result.name); //mkyong
alert(result.address.streetAddress); //88 8nd Street
alert(result["address"].city); //New York
alert(result.phoneNumber[0].number); //111 111-1111
alert(result.phoneNumber[1].type); //fax
alert(result.phoneNumber.number); //undefined