ajax动态查询数据库数据并显示在前台的方法(ajax实现查询)没想到

随心笔谈2个月前发布 admin
195 00
🌐 经济型:买域名、轻量云服务器、用途:游戏 网站等 《腾讯云》特点:特价机便宜 适合初学者用 点我优惠购买
🚀 拓展型:买域名、轻量云服务器、用途:游戏 网站等 《阿里云》特点:中档服务器便宜 域名备案事多 点我优惠购买
🛡️ 稳定型:买域名、轻量云服务器、用途:游戏 网站等 《西部数码》 特点:比上两家略贵但是稳定性超好事也少 点我优惠购买

文章摘要

这篇文章介绍了如何通过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遍历取值并显示到前台的方法

© 版权声明

相关文章