APICloud如何把数据库中的表数据循环遍历显示在html页面上

￡神魔★判官ぃ 2022-03-09 20:12 485阅读 0赞

表如下

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NTkxNjM3_size_16_color_FFFFFF_t_70][]

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NTkxNjM3_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NTkxNjM3_size_16_color_FFFFFF_t_70]: /images/20220310/4c506bfb4f8c42bea6be1e77ce42b97d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NTkxNjM3_size_16_color_FFFFFF_t_70 1]: /images/20220310/5ff61a14368a4343a83d02ae54f92bdf.png

发表评论取消回复

表情：

评论列表（有 0 条评论，485人围观）

还没有评论，来说两句吧...

相关阅读

相关在 JavaScript 中循环遍历数组

问题描述：在 Java 中，您可以使用 for 循环遍历数组中的对象，如下所示： String[] myStringArray = { "He

Bertha 。/ 2024年03月30日 09:10/ 0 赞/ 98 阅读

相关如何把数据库中的数据显示到页面

> 主要内容：使用JDBC访问数据库中数据（Java Web数据可视化案例）文章目录前期准备：案例：第一步：创建数据库及数据

系统管理员/ 2023年09月25日 20:09/ 0 赞/ 46 阅读

相关如何在html页面遍历对象,javascript如何遍历对象属性？

javascript遍历对象的属性并没有像java中遍历一个Map那么简单，主要原因有以下两点: 1、在javascript中对象的属性分为可枚举与不可枚举之分,他们是由属性

你的名字/ 2022年10月06日 05:47/ 0 赞/ 358 阅读

相关将数据库里面的数据遍历出来显示在jsp页面

jdp页面的全选或者反选 //全选、全反选 function doSelectAll(){ // jquery

ゞ浴缸里的玫瑰/ 2022年06月12日 23:38/ 0 赞/ 267 阅读

相关 APICloud如何把数据库中的表数据循环遍历显示在html页面上

表如下 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3F

￡神魔★判官ぃ/ 2022年03月09日 20:12/ 0 赞/ 486 阅读

相关 apicloud如何把ret返回的数据循环遍历在html页面上

三种方法：vue.js、js的dom元素拼接、dot.js 最方便最好用的是vue.js，最麻烦最不好用的是js的元素拼接我主要讲vue.js和js的dom元素拼接 do

绝地灬酷狼/ 2022年02月27日 15:56/ 0 赞/ 258 阅读

相关 vue将ajax返回的json数据循环遍历到html页面上

前提 1、下载开发版本的vue.js，这样可以看到报什么错误，生产版本是不报错误的 2、ajax作为第三方接口，可以返回后台的数据 -----------------

古城微笑少年丶/ 2022年02月25日 13:11/ 0 赞/ 844 阅读

相关 vue clic项目实现把后台数据库的数据循环遍历在页面上

我的qq 2038373094 数据库里面的数据 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0

矫情吗；*/ 2022年02月02日 19:39/ 0 赞/ 258 阅读

相关 vue项目查询后台数据循环遍历显示在页面上

效果如下 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0

我会带着你远行/ 2022年02月02日 13:21/ 0 赞/ 517 阅读

相关把数据库的数据在浏览器显示

思路： 1、创建实体类对象 2、实体类来接数据库数据 3、创建对象集合，例如ArrayList,来存储数据 4、使用迭代器或是直接用循环输出数据

柔情只为你懂/ 2022年01月09日 06:23/ 0 赞/ 228 阅读