尝试将成功的JSON数据打印到列表中

时间:2018-02-12 17:08:36

标签: javascript jquery ajax

我试图从以下get请求中注销我收到的数组中的每个对象,并将其输出到HTML页面的列表元素中。

以下内容返回杂货项目数组:{ id: 1 text: "Doritos" }

我之前在PHP中做过这个,但这与之前有很大的不同。任何帮助我尝试新事物和学习的提示都将不胜感激!

$.ajax({
    url: 'www.classified.com',
    type: 'get',
    data: {
    },
    headers: {
       "Content-Type": "application/x-www-form-urlencoded"
    },
    dataType: 'json',
    success: function (data) {
        console.info(data);
    }
});

1 个答案:

答案 0 :(得分:-1)

你说它会返回数组,所以JSON就像

success: function (data) {
   // if data is an Array like [...] 
    jQuery.each(data, function(i, val) {
      console.log(val); // prints { id: 1 text: "Doritos" }
       // header is Div containing ul
      $("#header ul").append('<li>'+val.text+'</li>');

    });

 }