Javascript jquery ajax函数成功生成动态内容

我有一个

函数

，它迭代一个

数组

，我想生成所有te div，其中来自

数组

的信息应该显示出来。。。firebug inspector显示

div

在其中，但图像和信息不显示。我真的很感谢你们能给我的任何帮助，这是我的代码

        $("#busca").on('click', function(){

        $.ajax({ 
        type    : "POST",
        url     : "service.php",
        dataType: "json",
        data    : {
            action:"fullProjects",
            },          
            success:function(data){

                var i;
                for (i = 0; i < data.data.length; ++i) {

                    console.log(i);

                    var divCreator ='';

                    divCreator+='<div id="grupo'+i+'" class="typeface-js" style="font-family:GreyscaleBasic">';
                    divCreator+='<div class="tipo-pro">';
                    divCreator+='<div id="tipo_'+i+'" class="tipo"></div>';
                    divCreator+='<div id="tipo_arq_abajo'+i+'" class="abajo"></div>';
                    divCreator+='</div>';
                    divCreator+='<div id="fotoproyectos'+i+'" class="foto"></div>';
                    divCreator+='<div id="nombreproyectos'+i+'" class="nombre-pro"></div>';
                    divCreator+='</div>';
                    divCreator+='</div><br><br><br><br><br><br>';

                    $("#contiene-pro").append(divCreator);

                    //$("#fotoproyectos"+i).empty();
                    var htmlThings = '';
                    htmlThings += '<img src="' + data.data[i].path + '" height="128" width="160">';
                    $("#fotoproyectos"+i).append(htmlThings);

                    $("#nombreproyectos"+i).empty();
                    var htmlMoreThings = '';
                    htmlMoreThings += "<form method=\"post\" name=\"projectsearch\" id=\"projectsearch"+ i +"\" action=\"proyectos_arq.php\">" 
                    htmlMoreThings += "<span style=\"cursor: pointer;\" onclick=\"document.getElementById('projectsearch"+ i +"').submit()\">"+ data.data[i].projectName +"</span>"
                    //html2 += "<button id=" + "button" + data.projectId + " style=\"visibility:hidden;\"><span id=" + data.projectId + " style=\"cursor: pointer;\"><span>" + data.projectName + "</span></span></button>"
                    htmlMoreThings += "<input name=\"project_id\" type=\"hidden\" id=\"project_id\" value=" + data.data[i].projectId + ">"  
                    htmlMoreThings += "</form>"
                    $("#nombreproyectos"+i).append(htmlMoreThings);


                };

            }
        })

    });

---

由于“&”不匹配，您的代码有太多错误。已修复：

$("#busca").on('click', function() {

  $.ajax({
    type : "POST",
    url : "service.php",
    dataType : "json",
    data : {
      action : "fullProjects",
    },
    success : function(data) {

      var i;
      for ( i = 0; i < data.data.length; ++i) {

        console.log(i);
        var thisData = data.data[i];
        var divCreator = '';

        divCreator += '<div id="grupo' + i + '" class="typeface-js" style="font-family:GreyscaleBasic">';
        divCreator += '<div class="tipo-pro">';
        divCreator += '<div id="tipo_' + i + '" class="tipo"></div>';
        divCreator += '<div id="tipo_arq_abajo' + i + '" class="abajo"></div>';
        divCreator += '</div>';
        divCreator += '<div id="fotoproyectos' + i + '" class="foto"><img src="' + thisData.path + '" height="128" width="160"></div>';
        divCreator += '<div id="nombreproyectos' + i + '" class="nombre-pro"><form method="post" name="projectsearch" id="projectsearch' + i + '" action="proyectos_arq.php">';
        divCreator += '<span style="cursor: pointer;" onclick="document.getElementById("projectsearch' + i + '").submit()">' + thisData.projectName + '</span>';
        divCreator += '<input name=\"project_id\" type=\"hidden\" id=\"project_id\" value="' + thisData.projectId + '">';
        divCreator += '</form></div>';
        divCreator += '</div>';
        divCreator += '<br><br><br><br><br><br>';
        $("#contiene-pro").append(divCreator);
      };
    }
  });
});

$（“#busca”）。在（'click'，function（）上{
$.ajax({
类型：“POST”，
url:“service.php”，
数据类型：“json”，
数据：{
行动：“全面项目”，
},
成功：功能（数据）{
var i；
对于（i=0；i

$("#busca").on('click', function() {

  $.ajax({
    type : "POST",
    url : "service.php",
    dataType : "json",
    data : {
      action : "fullProjects",
    },
    success : function(data) {

      var i;
      for ( i = 0; i < data.data.length; ++i) {

        console.log(i);
        var thisData = data.data[i];
        var divCreator = '';

        divCreator += '<div id="grupo' + i + '" class="typeface-js" style="font-family:GreyscaleBasic">';
        divCreator += '<div class="tipo-pro">';
        divCreator += '<div id="tipo_' + i + '" class="tipo"></div>';
        divCreator += '<div id="tipo_arq_abajo' + i + '" class="abajo"></div>';
        divCreator += '</div>';
        divCreator += '<div id="fotoproyectos' + i + '" class="foto"><img src="' + thisData.path + '" height="128" width="160"></div>';
        divCreator += '<div id="nombreproyectos' + i + '" class="nombre-pro"><form method="post" name="projectsearch" id="projectsearch' + i + '" action="proyectos_arq.php">';
        divCreator += '<span style="cursor: pointer;" onclick="document.getElementById("projectsearch' + i + '").submit()">' + thisData.projectName + '</span>';
        divCreator += '<input name=\"project_id\" type=\"hidden\" id=\"project_id\" value="' + thisData.projectId + '">';
        divCreator += '</form></div>';
        divCreator += '</div>';
        divCreator += '<br><br><br><br><br><br>';
        $("#contiene-pro").append(divCreator);
      };
    }
  });
});