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

沃梦达教程前端开发

2023-02-23

今天小编就为大家分享一篇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="Li4vanMvanF1ZXJ5LTEuOC4zLm1pbi5qcw==" 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>

IiBzcmM9

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

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

沃梦达教程

本文标题为：ajax动态查询数据库数据并显示在前台的方法