将数据从JQUERY API发布到HTML中

时间:2015-02-13 16:11:35

标签: jquery html ajax api

我绝不是专家。在我工作的公司,我们有一家外部公司为我们开发网站。我们销售各种产品,并希望创建一个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>

我只需要知道让球滚动的基础知识。

1 个答案:

答案 0 :(得分: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