ajax動(dòng)態(tài)查詢數(shù)據(jù)庫(kù)數(shù)據(jù)并顯示在前臺(tái)的方法
更新時(shí)間：2018年08月21日 15:05:44 作者：八戒愛編程
今天小編就為大家分享一篇ajax動(dòng)態(tài)查詢數(shù)據(jù)庫(kù)數(shù)據(jù)并顯示在前臺(tái)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
今天做了一個(gè)ajax動(dòng)態(tài)查詢數(shù)據(jù)庫(kù)的小Demo，又重新學(xué)習(xí)了一下ajax的一些知識(shí)。在此和大家分享一下......
啥都別說了，先上代碼
Controller層
查詢總用戶數(shù)
@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>
結(jié)果就是在Total Users 動(dòng)態(tài)查詢數(shù)據(jù)庫(kù)中的數(shù)據(jù)并更新........
以上這篇ajax動(dòng)態(tài)查詢數(shù)據(jù)庫(kù)數(shù)據(jù)并顯示在前臺(tái)的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
如果你的網(wǎng)站含有文件上傳功能，那可以使用本文介紹的5款A(yù)jax文件上傳控件，提升用戶體驗(yàn)。要知道，上傳文件總是個(gè)痛苦的過程，要消除不太現(xiàn)實(shí)，但至少如果你為減少用戶的痛苦努力了，那用戶也會(huì)喜歡你的網(wǎng)站的。2009-10-10
這篇文章主要介紹了jQuery Ajax方式上傳文件的方法的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
基于ajax實(shí)現(xiàn)無刷新分頁(yè)的方法
這篇文章主要介紹了基于ajax實(shí)現(xiàn)無刷新分頁(yè)的方法,實(shí)例分析了Ajax實(shí)現(xiàn)分頁(yè)的技巧,需要的朋友可以參考下2015-02-02
layui的checbox在Ajax局部刷新下的設(shè)置方法
今天小編就為大家分享一篇layui的checbox在Ajax局部刷新下的設(shè)置方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
jQuery中ajax - post() 方法實(shí)例詳解
在jquery中的ajax有二個(gè)數(shù)據(jù)發(fā)送模式，一種是get，另一種是post()，下面我來給大家介紹介紹，有需要了解的朋友可參考2015-09-09
菜鳥蔡之Ajax復(fù)習(xí)第一篇(后臺(tái)asp.net)(傳統(tǒng)的JavaScript方法實(shí)現(xiàn)Ajax功能)
Ajax是Asynchronous JavaScript and XML，其核心是通過XMLHttpRequest對(duì)象以一種異步的方式向服務(wù)器發(fā)送請(qǐng)求，并通過該對(duì)象接收請(qǐng)求返回的數(shù)據(jù)，從而完成人機(jī)交互的數(shù)據(jù)操作(呵呵、、、說的有點(diǎn)嚇人！)2012-11-11
利用XMLHTTP實(shí)現(xiàn)的二級(jí)連動(dòng)Select
利用XMLHTTP實(shí)現(xiàn)的二級(jí)連動(dòng)Select...2006-09-09
Ajax加載外部頁(yè)面彈出層效果實(shí)現(xiàn)方法
這篇文章主要介紹了Ajax加載外部頁(yè)面彈出層效果實(shí)現(xiàn)方法,涉及Ajax加載彈出層的實(shí)現(xiàn)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-05-05
今天小編就為大家分享一篇關(guān)于Ajax報(bào)錯(cuò)400的參考解決辦法，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2018-10-10
jquery ajax多次請(qǐng)求數(shù)據(jù)時(shí) 不刷新問題的解決方法
下面小編就為大家?guī)硪黄猨query ajax多次請(qǐng)求數(shù)據(jù)時(shí) 不刷新問題的解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10