'对于'循环使用AJAX查询' for'循环与AJAX查询问题

时间:2017-12-26 18:41:36

标签: jquery ajax wordpress for-loop

大家好! 我有两个嵌套的' for'带有ajax请求的循环以及每个请求中的附加项。 外循环附加类别名称(我总共有三个类别),内循环追加oter循环的当前类别的项目。 它在所需位置附加类别名称和适当的类别项目。问题是所有三个类别名称都属于最后一个类别(第三个类别)。 可能是因为我在循环中创建函数?

$.ajax({
  url: "http://localhost/mysite/wp-json/wp/v2/categories?parent=" + categoryId + "",
  dataType: "json",
  contentType: "GET",
  success: function (subheaders) {
    $("#gallery").empty();

    if (subheaders.length > 0) {
      for (i = 0; i < subheaders.length; i++) {
        var subHeaderName = subheaders[i].name;
        $.ajax({
          url: "http://localhost/mysite/wp-json/wp/v2/posts?categories=" + subheaders[i].id + "",
          dataType: "json",
          contentType: "GET",
          success: function (items) {
            $("#gallery").append($("<h3 class=\"subcat\">" + subHeaderName + "</h3>"));
            for (j = 0; j < items.length; j++) {
              $("#gallery").append($("<div id=" + items[j].id + " class=\"gallery-item\"><div class=\"item-header\">" + items[j].title.rendered + "</div></div>"));
            }
          },

          error: function () {
            $("#catalogue-img").find("#gallery").append($("Server Error. Please, come back later or call us."));
          }
        });
      }
    }
  },

  error: function () {
    $("#catalogue-img").find("#gallery").append($("Server Error. Please, come back later or call us."));
  }
});

0 个答案:

没有答案