title: Arya25(学习Ajax)
date: 2020-06-15 18:05:13
tags:
学习原因
当然是Ajax太方便了,但是由于我觉得很难,所以也怕,也就是我今天才学的原因。之前用SSM写小Demo很想用ajax的,奈何当时理解起来有点困难,后面下决心一定要学一下,也就是今天。
SSM框架课程扩展之Ajax学习
AJAX不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的web应用程序的技术。
使用ajax要先导入jquery的包,而后编写对应处理的controller,返回消息或者字符串或者json格式的数据;接着编写ajax请求:url:controller请求,data:键值对,success:回调函数;最后给ajax绑定事件,点击click或者失去焦点onblur等等。
案例代码1
我觉得学的时候看的案例很简单明了,需要用的时候模仿着写再改改就行:
1 | Controller层 |
1 | Service层 |
Dao层
public Long findTotalUsers() {
String hql = "select count(*) from Person";
return (Long) this.getSessionFactory().getCurrentSession().createQuery(hql).uniqueResult();
}
1 |
|
案例代码2
jsp:
1 | <table class="table table-bordered table-hover table-striped" id="tableuserlist"> |
js:
1 | <script type="text/javascript"> |
controller:
1 | @RequestMapping(value="/getuserlist",method=RequestMethod.GET) |
service:
1 | public List<ErpUser> GetUserList(){ |
mapper:
1 | List<ErpUser> selectAllUser(); |
至此,完成了ajax 发送url请求,controller拦截后调用service mapper 至mysql查询数据,然后返回json格式数据交由ajax进行页面呈现。