javascript - jQuery 中简单的 get API 调用

Question

我有一个 url，我需要对其进行 get 调用。在 POSTMAN 中运行时，url 返回以下 JSON 响应。

{
  "status": true,
   "data": [
    {
      "id": 1,
      "suggestion": "shirt"
    },
    {
      "id": 2,
      "suggestion": "jeans"
    },
    {
      "id": 3,
      "suggestion": "puma"
    },
    {
      "id": 4,
      "suggestion": "spykar"
    }
  ],
  "lastPageNumber": 0
}

我需要获取“建议”键的值并将其附加到我的列表中。以下是我获取数据并将其值附加到列表的代码，如图所示。

jQuery.getJSON( url, function( response ) { 
    $.each(response.data ,function() {
        $.each(this, function (key, value) {
            if(key=="suggestion") {             
              $('#suggestions').append('<li class="suggestItem">' 
                                       + '<a>' + value + '</a>' + '</li>'});
            }
        );
    });
});

这是我必须附加这些列表项的 ul。

  <ul id="suggestions" style="position: absolute; list-style-type: none;">

但是，我似乎没有得到任何响应数据，或者我可能没有正确遍历 JSON 数组。因此，我需要帮助来判断我是否编写了正确的代码。

还有附加信息:我在本地主机上运行这个项目，url 是 http://example.anotherExample.net所以这也会影响(我在ajax中阅读了一些关于跨域的内容)。

Answer 1

你可以试试下面的方法

$.each(obj.data, function(){
  $('#suggestions').append('<li class="suggestItem">' + '<a>' + this.suggestion + '</a>' + '</li>');
});