007-WebBuilder-Wb.request获取数据库数据-html拼接

最新推荐文章于 2024-04-24 09:27:42 发布

天又热了

最新推荐文章于 2024-04-24 09:27:42 发布

阅读量184

点赞数

分类专栏： webBuilder 文章标签： html 数据库前端

本文链接：https://blog.csdn.net/weixin_43404791/article/details/122817472

版权

webBuilder 专栏收录该内容

10 篇文章 3 订阅

订阅专栏

代码

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script>
      Wb.request({
        url: 'm?xwl=interact-test/data/simple-select',
        params: '',
        success: function(resp) {
          console.log(Wb.decode(resp.responseText));
          var obj = Wb.decode(resp.responseText);
          //获取一条数据
          var data = obj.rows;
          console.log('obj.rows=',obj.rows);
          var MuserName = '';
          var MuserId = '';
          var Mhtml = '',MContentHtml = '';
          for(var i = 0; i < data.length; i ++){//遍历data数组
          	var news = data[i];
            MuserName = news.USER_NAME;
            MuserId = news.USER_ID;
            console.log('MuserName='+MuserName+' MuserId='+MuserId);
            Mhtml +='<tbody><tr><td class="t" id="Mtitle">'+MuserName+'</td><td id="MContent">'+MuserId+'</td></tr></tbody> ';
          }
          $("#tablelist").html(Mhtml);
          
        } 
      });
    </script>
    <style>
      .descendants *{
        display: block;
        border: 2px solid #000000;
        color: lightgrey;
        padding: 5px;
        margin: 15px;
      }
    </style>
  </head>
  <body>
    <body>
      <div id="yy_header">
      </div>
      <!--主体部分-->
      <div class="main clearfix">
        <div class="main-body">
          <table class="tablelist" id="tablelist">
          </table>
        </div>
      </div>
    </body>
    </html>

天又热了

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
007-WebBuilder-Wb.request获取数据库数据-html拼接

代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <script> Wb.request({
复制链接

扫一扫