使用ajax序列化表单serialize(),提交数据,并从后端取出值
页面中一个form表单,给submit的input标签绑定一个点击事件,代码如下:<form method="get" action="/login"><input type="text" placeholder="请输入用户名" id="username" name="username" required/><input type="password" placeh
·
页面中一个form表单,给submit的input标签绑定一个点击事件,代码如下:
<form method="get" action="/login">
<input type="text" placeholder="请输入用户名" id="username" name="username" required/>
<input type="password" placeholder="请输入密码" id="password" name="password" required/>
<input type="submit" onclick="login()" value="登录" />
</form>
js代码是login函数,获取表单将其序列化,代码:
function login(){
var formData=$("form").serialize();//form对象然后序列化
$.ajax({
type: "POST",
url: "login",
processData:true,
data:formData,
success: function(msg){
window.alert(msg)
}
})
}
后端获取表单提交来的值,代码:
@RequestMapping("/login")
@ResponseBody
public String login(Model model, HttpServletRequest request, HttpServletResponse response){
String username = request.getParameter("username");
String password = request.getParameter("password");
System.out.println(username+":"+password);
return "登录成功";
}

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐
所有评论(0)