Question

我已经开始了一个小型的API项目，并且我可以使用一些帮助。

连接工作正常，我可以通过console.log（数据）返回预期的内容。我现在要做的是分离返回数据。数据的一个例子是“id”：19，“code”：21，“type”，zone。我已经尝试了各种方法来分离索引和元素，因为我已经调用它们，但无法使它工作。任何帮助都会非常感激。

    $.ajax(connect).done(function(data) {
        $.each([data], function(index, element){
            $('#AJAXresponse').html('<ul>' + index + ' : ' + element +  '</ul>');
        });
   });

Answer 1

有几个问题。

首先不要将data包裹在[]中。如果将对象传递给$.each，它将遍历所有键，如果传递数组，它将迭代数组

然后不要在循环中使用html()，因为它会在循环的每次迭代中替换现有元素，只留下最后一个

最后，如果不使用<ul>

，则无法将文字直接放在<li>中

尝试

$.ajax(connect).done(function(data) {
  var $ul = $('<ul></ul>');
  $.each(data, function(key, value) {
    $ul.append('<li>' + key + ' : ' + value + '</li>');
  });
  $('#AJAXresponse').html($ul);

});

返回API数据，使用数组使用JQuery显示数据

1 个答案: