APICloud如何把数据库中的表数据循环遍历显示在html页面上
表如下
html页面代码
<!--显示发布的消息--->
<table id="mess">
</table>
第一步、查询表里的数据库
function crc_list(){
//参数配置
var model = api.require('model');
var query = api.require('query');
model.config({
appId: 'A6006471302025',
appKey: '41DEF0A4-9F9B-B578-0ED4-A63ACBF338E8',
host: 'https://d.apicloud.com'
});
query.createQuery(function( ret, err ){
if( ret ){
//开始查询数据
model.findAll({
class: "message",
qid: ret.qid
}, function( ret, err ) {
if( ret ){
//把数据显示在页面上面
var abcd = $api.byId('mess');//获取在前端要显示的div的id
for (var i = 0; i < ret.length; i++) {
//标题
$api.append(abcd,
"<tr><td>"+"<img src='"+ret[i].img0+"' class='img' /></td><td>"+ret[i].title+"</td></tr>");
}
}else{
alert( JSON.stringify( err ) );
}
});
//开始查询数据
}else{
alert( JSON.stringify( err ) );
}
});
}
第二步、把数据库结果显示在页面上
if( ret ){
//把数据显示在页面上面
var abcd = $api.byId('mess');//获取在前端要显示的div的id
for (var i = 0; i < ret.length; i++) {
//标题
$api.append(abcd,
"<tr><td>"+"<img src='"+ret[i].img0+"' class='img' /></td><td>"+ret[i].title+"</td></tr>");
}