ajax提交form完整代码,AJAX 实现form表单提交(示例代码)

1.使用Ajax实现异步操作，点击登录按钮后，即触发form表单的提交事件，数据传输至后端

JSP：

用户名
密码
	注册

js：

1 $(function(){2 $("#submitbtn").click(function(){3 login();4 })5 })6 functionlogin(){7 var userName = $("#userName").val();//获取userName的值

8 var userPwd = $("#userPwd").val();//获取userPwd的值

9 $.ajax({10 url:"user/judgeLogin",11 type:"POST",12 data:{"userName":userName,"userPwd":userPwd},13 dataType:"json",14 success:function(returnData){15 alert(returnData);16 }17 })18 }

js另一种传值方法：

1 function login(){2 $.ajax({3 url:"user/judgeLogin",4 type:"POST",5 data:$("#form").serialize(),//表单序列化

6 dataType:"json",7 success:function(returnData){8 alert(returnData);9 }10 })11 }

Controller层 接收：

1 /**

2 * 登录判断3 *@paramuserDto4 *@return

5 */

6 @ResponseBody7 @RequestMapping("/judgeLogin")8 publicString judgeLogin(UserDto userDto) {9 int k =userService.judgeLogin(userDto);10 if(k > 0) {11 return "--登录成功！--";12 }else{13 return "--登录失败！--";14 }15 }

效果展示：