文章摘要
这篇文章介绍了如何通过Ajax实现动态查询数据库中的总用户数，并将结果展示在前端页面。文章内容主要分为四部分：Controller层、Service层、Dao层和AJAX代码部分。
在Controller层，使用@RequestMapping处理GET请求，调用personService.findTotalUsers()方法获取总用户数，并将结果通过返回值返回。
Service层调用personDao.findTotalUsers()方法，通过SQL语句统计Person表中的总记录数。
在Dao层，使用jQuery实现异步查询，通过编写Ajax代码，结合jQuery的 AJAX功能，实现对数据库的动态查询。
AJAX代码部分，使用jQuery和jQuery AJAX库实现异步请求，将查询结果传递到客户端，并显示总用户数。
这篇文章通过分层实现，展示了如何高效地使用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=”https://www.jb51.net/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获取数据然后显示在页面的实现方法json获取数据库的信息在前端页面显示方法AJAX验证数据库内容并将值显示在页面Ajax返回的json遍历取值并显示到前台的方法