mui ajax mysql 例子_通过mui ajax如何把一个div内的内容根据数据库数据做循环

var data=[{text:"小A",time:"发表于 2016-06-30 15:30"},{text:"小B",time:"发表于 2016-06-30 15:30"},{text:"小C",time:"发表于 2016-06-30 15:30"},{text:"小D",time:"发表于 2016-06-30 15:30"}];

var muiCard=mui(".mui-card")[0];

for(var item in data){

var newDiv=document.createElement("div");

newDiv.setAttribute("class","mui-card-header mui-card-media");

muiCard.appendChild(newDiv);

var newImg=document.createElement("img");

newImg.setAttribute("src","img/face.jpg");

newDiv.appendChild(newImg);

var newDiv_2=document.createElement("div");

newDiv_2.setAttribute("class","mui-media-body");

newDiv_2.innerText=item.text;

newDiv.appendChild(newDiv_2);

var newP=document.createElement("p");

newP.innerText=item.time;

newDiv_2.appendChild(newP);

var newDiv_3=document.createElement("div");

newDiv_3.setAttribute("class","mui-card-content");

muiCard.appendChild(newDiv_3);

var newImg_2=document.createElement("img");

newImg_2.style.width="100%";

newImg_2.setAttribute("src","../images/yuantiao.jpg");

newDiv_3.appendChild(newImg_2);

}

以上代码是随手写的一个例子，楼主可以看下。我写的data变量中的text和time，对应你给的代码中的“小M”和“发表于 2016-06-30 15:30”，其它比如图片如何动态生成，可以举一反三。