Spring-AJAX

Asynchronous(异步) Javascript And Xml
无刷新(局部刷新)

后台传统方式的web请求(同步请求):等待服务器端响应;刷新
ajax异步请求:发送请求的同时,可以在页面上执行其他操作 无刷新 提高用户体验度

jQuery实现AJAX

1.引入jquery脚本库
2.$.ajax({…});
3.几个属性:
url: ajax要发送请求的一个地址
相对路径：user/login.do 自动拼接地址 /项目名/user/login.do
绝对路径：/项目名/user/login.do 或 ${pageContext.request.contextPath }/user/login.do
不进行拼接地址操作
data:发送请求的时候,需要携带的参数 key/value
success:请求成功后的回调函数
type:提交方式,默认GET POST
dataType: 预期服务器返回的数据类型,比如json

$.ajax({
   
	url:"xxx.do",
	type:"POST",
	success:function(data){
   },
	error:function(…){
   },
	dataType:"json"
});

对于以上代码:
a.属性名必须严格按照jQuery规定写,比如url,type
b.属性名:值,中间用逗号分隔开;最后不要逗号
c.属性没有先后顺序

示例：无刷新登录
1. 创建登录按钮，更改类型 提交 为 按钮

<input type="button" onclick="login()" name="btnLogin"value="登录”id="btnLogin"class="btn"x/input>

2. 引入javaScript 和 jQuery

<script type="text/javascript".src="$(pageContext.request.contextPath }/js/jquery-2.1.0.js"x</script>
<scripttype-"text/javascript">

3. 触发方法login()

《script type "text/javascript"snc="pagelontext.request.contextPath ,/js/jquery-2.1.0.js"x</script>
<scripttype."text/javascript">
function login(