文章详情页
ajax动态查询数据库数据并显示在前台的方法
浏览:239日期:2022-06-11 13:09:26
今天做了一个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动态查询数据库数据并显示在前台的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
标签:
Ajax
相关文章:
1. 浅析Django 接收所有文件,前端展示文件(包括视频,文件,图片)ajax请求2. 如何基于JS实现Ajax并发请求的控制详解3. ajax接口文档url路径的简写实例4. AJAX 和Java 快速开发平台ThinkCap JX开源5. SpringBoot基于Shiro处理ajax请求代码实例6. 详谈ajax返回数据成功 却进入error的方法7. Ajax原理与应用案例快速入门教程8. Ajax跨域问题及解决方案(jsonp,cors)9. 解决Ajax方式上传文件报错"Uncaught TypeError: Illegal invocation"10. Ajax请求超时与网络异常处理图文详解
排行榜

网公网安备