OStack程序员社区-中国程序员成长平台 › 门户 ›编程› AJAX› AJAX编程经验 › 查看内容

ajax动态查询数据库数据并显示在前台的方法

2022-2-5 16:48| 发布者: 菜鸟教程小白| 查看: 113| 评论: 0|原作者: [db:作者]|来自: [db:来源]

摘要: 今天小编就为大家分享一篇ajax动态查询数据库数据并显示在前台的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

今天做了一个ajax动态查询数据库的小Demo，又重新学习了一下ajax的一些知识。在此和大家分享一下......

啥都别说了，先上代码

Controller层

查询总用户数

 @RequestMapping(value = "/findTotalUsers.do",method = RequestMethod.GET)
 public @ResponseBody Long findTotalUsers(){
  ModelAndView modelAndView = new ModelAndView();
  Long sum = personService.findTotalUsers();
  System.out.println(sum+"....................................");
  modelAndView.addObject("sum",sum);
  return sum;
 }

Service层

public Long findTotalUsers() {
  return personDao.findTotalUsers();
 }

Dao层

public Long findTotalUsers() {
  String hql = "select count(*) from Person";
  return (Long) this.getSessionFactory().getCurrentSession().createQuery(hql).uniqueResult();
 }

ajax代码

<script src="../js/jquery-1.8.3.min.js" type="text/javascript"></script>
 <script type="text/javascript">
  $(document).ready(
    function ajaxRePost(url,params){
     var message = "";
     var options={
      type:"GET",
      url:"${pageContext.request.contextPath}/person/findTotalUsers.do",
      data:{},
      async:false,
      success:function (msg) {
       message=msg;
      }
     };
     $.ajax(options);
     alert(message);
//     debugger;
     $("#count").text(message);
     return message;
    }
  )
 
 </script>

结果就是在Total Users 动态查询数据库中的数据并更新........

以上这篇ajax动态查询数据库数据并显示在前台的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持极客世界。