当前位置: 首页 > 编程笔记 >

json获取数据库的信息在前端页面显示方法

姚淳
2023-03-14
本文向大家介绍json获取数据库的信息在前端页面显示方法,包括了json获取数据库的信息在前端页面显示方法的使用技巧和注意事项,需要的朋友参考一下

ajax发送请求到controller,controller响应一个json格式的数据给页面,

JSON.parse()再解析json字符串,用$.each遍历。

   @RequestMapping("/list")
  public @ResponseBody java.util.List<UserVO> List() throws Exception{
    return service.get();
  }
<body>
<div id="datatable"></div>
</body>
<script type="text/javascript">
$(document).ready(function(){
  $.ajax({
    type:"get",
    url:"/meihao/login/list.action",
    async:true,
    success:function(result){
      var m="<ul>";
      result=JSON.parse(result); 
      $.each(result, function(i,n) {
        console.log(n);
        m+="<li>"+"姓名:"+n["username"]+"密码:"+n["password"]+"</li>";
      });
      m+="</ul>";
      $("#datatable").append(m);  
    },
    error:function(error){
      alert(error.status+""+error.statusText);
    }
  });
});
</script>

以上这篇json获取数据库的信息在前端页面显示方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • DBMetas() xorm支持获取表结构信息,通过调用 engine.DBMetas() 可以获取到数据库中所有的表,字段,索引的信息。 TableInfo() 根据传入的结构体指针及其对应的Tag,提取出模型对应的表结构信息。这里不是数据库当前的表结构信息,而是我们通过struct建模时希望数据库的表的结构信息

  • 好的,我有一个座位系统,它生成一个30x30的网格,对于每个网格,数据库中都有一行,但是当我在我的页面上生成这个网格时,我当前每个元素发出5个SQL请求(有900个元素),我们都知道这不是最优的。 为了呈现它,我执行一个while循环,并执行一些检查,然后回显出以下代码: 下面是一个座椅模型如何工作的例子 每个请求中有5个这样的函数,这对许多人来说是一种方式。所以我需要一些好的方法来最小化这个系统

  • 本文向大家介绍jQuery中将json数据显示到页面表格的方法,包括了jQuery中将json数据显示到页面表格的方法的使用技巧和注意事项,需要的朋友参考一下 jQuery中将json数据显示到页面表格代码。stu模拟的就是一个数据库,假设我们的数据已经是json 的文件格式,接下来就是将这个json文件里面的数据显示到页面的表格上。 以上这篇jQuery中将json数据显示到页面表格的方法就是小

  • 本文向大家介绍Python Selenium自动化获取页面信息的方法,包括了Python Selenium自动化获取页面信息的方法的使用技巧和注意事项,需要的朋友参考一下 1.获取页面title title:获取当前页面的标题显示的字段 2.获取页面URL current_url:获取当前页面的URL 3.获取浏览器版本号 capabilities['version']):打印浏览器version

  • mysqlshow客户可用来很快地查找存在哪些数据库,数据库中的表,表中的列或索引。 mysqlshow为一些SQL显示语句提供了一个命令行界面。相同的信息可以通过直接使用那些语句获得。例如,你可以从mysql客户程序发出它们。参见13.5.4节,“SHOW语法”。 象这样调用mysqlshow: shell> mysqlshow[选项] [db_name [tbl_name [col_name]

  • 异步方法向后端发送请求,得到返回值response,number和location在页面上显示不出来?不会vue