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

最新推荐文章于 2026-05-02 08:05:00 发布

原创最新推荐文章于 2026-05-02 08:05:00 发布 · 3w 阅读

37 ·

本内容遵循CC 4.0 BY-SA版权协议

本文通过一个具体的案例展示了如何利用Ajax技术实现对数据库的动态查询，并详细介绍了Controller、Service及Dao层的具体实现方法。

今天做了一个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>