- 编写controller，返回消息或字符串或JSON的数据
@Controller
public class TestAjaxController {
@RequestMapping("/ajax")
public @ResponseBody
String ajax(@RequestBody User user){
System.out.println(user);
if (user.getUsername.equals("张三")&&user.getPassword.equals("123"))
return "success";
return "false";
}
}
- 编写Ajax请求：
要引入Jquery文件
相关参数:]
type:请求方式
url:服务器路径 data:传递参数
dataType:返回参数的类型
async:是否异步请求
cache:是否缓存
success:成功之后的回调函数
error:失败之后的回调函数
其他的参数可以看jquery ajax 的帮助文档
<html>
<head>
<meta charset="utf-8">
<title>testAjax</title>
<script src="jquery.min.js"></script>
</head>
<body>
<form>
<table>
<tr>
<td>用户名：</td>
<td>
<input type="text" id="username" />
</td>
</tr>
<tr>
<td>密码：</td>
<td>
<input type="password" id="password"/>
</td>
</tr>
<tr>
<td>
<input type="submit" onclick="a()"/>
</td>
</tr>
</table>
</form>
</body>
<script type="text/javascript">
function a(){
$.ajax({
type:"get",
url:"http://localhost:8080/ajax",
data:{"username":$("#username").val(),"password":$("#password").val()},
success:function(response){
alert(response)
}
})
}
</script>
</html>
3.Ajax绑定事件，单击onclinc()，失去焦点onblur()，鼠标弹起keyup()
16万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
