ajax向后台传递表单数据序列化

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没加。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值