Append（）Ajax无法正常工作

Question

我想从数据库加载菜单导航。我有这个HTML：

<ul id="nav-mobile"></ul>

现在我想将关于ajax请求成功的数据附加到id="nav-mobile" 我正在使用此代码：

$.ajax({
  url:"/findRubriques", 
  type: "GET",
  success: function(rubriques) {
    $.each(rubriques, function(i, rubrique) {
      $('#nav-mobile').append("<li><a href='categorie.html?rubriqueId=" + rubrique.id + ">" + rubrique.libelle + "</a></li>");            
    });
  }
})

问题是当我加载页面时，菜单显示正确，有时则不显示菜单。但是，在我在浏览器中检查日志的两种情况下，我的ajax请求代码ajax都是200

Answer 1

你想传递给$.each的是什么？一个json字符串？如果是，您应该将dataType添加到您的ajax配置中，以指定如何解析响应。否则，您可以使用rubriques手动解析JSON.parse()。 添加“错误”回调，如果ajax无法解析您的回复，则可以打印错误。