HTML代码
<form id="loginForm">
<div>登陆账户:<input type="text" name="telephone" /></div>
<div>登陆密码:<input type="text" name="password" /></div>
<div ><a >使用手机验证码登陆</a></div>
<div ><a onclick="login()">立即登陆</a></div>//声明方法
<div ><a href="#">注册账号</a> | <a href="#">忘记密码</a></div>
</form>
JS代码
function login() {
console.info($('#loginForm').serialize());
$.ajax({
type:"post",//传递方法
dataType:"json",//josn类型
url:"/index/login",//路径
data:$('#loginForm').serialize(),//序列化表单数据
success:function (result) {
alert("success");
},
error:function () {
alert("error");
}
})
}
Java代码
@Controller
@RequestMapping("/index")
public class IndexController {
@RequestMapping(value = "/login",method = RequestMethod.POST)
@ResponseBody
public void login(User user){
System.out.println(user.toString());
}
}
需要一个实体类(这里就省略了),与ajax传递数据名称相对应,没有对应的数据,传过来对应的就是null。
报错原因:一般是方法没统一,或者@ResponseBody没加。