jQuery的AJAX功能产生成功

Question

动态内容，我有这个function是迭代的array，我想dinamically生成所有TE的div，其中来自array传来的信息是应该显示... Firebug的检查显示divs是在那里，但图像和信息没有显示。我真的很感谢所有帮助，你们可以给我，这里是我的代码

 $("#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); 


       }; 

      } 
     }) 

    }); 

contiene-pro是div's所有帮助的其余部分的主要容器非常感谢......我尝试了不同的方法以相同导致

$("#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"><img src="' + data.data[i].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()\">"+ data.data[i].projectName +"</span>' 
        divCreator+='<input name=\"project_id\" type=\"hidden\" id=\"project_id\" value=" + data.data[i].projectId + ">'; 
        divCreator+='</form></div>'; 
        divCreator+='</div>'; 
        divCreator+='</div><br><br><br><br><br><br>'; 

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


       }; 

      } 
     }) 

    }); 

Answer 1

你的代码不得不因“&不匹配了太多的错误”修正：

$("#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); 
     }; 
    } 
    }); 
});