form序列化 java接收_Form 表单序列化

1、serialize()方法

描述：序列化表单内容为字符串,用于Ajax请求。

格式：var data = $("form").serialize();

2.serializeArray()方法

描述：序列化表单元素(类似'.serialize()'方法)返回JSON数据结构数据。

注意,此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作。

格式：var jsonData = $("form").serializeArray();

在使用ajax提交表单数据时,以上两种方法都可以将data参数设置为$("form").serialize()或$("form").serializeArray()。

把对象直接序列化为json格式

var json_data = $('#myform').serializeJSON(); `

时间线

Document

电子邮件

密码

保存

$(function(){

$("#loginBtn").click(function(){

$("#loginForm").submit();

});

$("#loginForm").validate({

errorElement:"span",

errorClass:"text-danger",

rules:{

mail:{

required:true,

email:true,

remote:"/checkemail"

},

password:{

required:true

}

},

messages:{

mail:{

required:"请输入账号",

email:"邮件格式错误",

remote:"电子邮件已被占用"

},

password:{

required:"请输入密码"

}

},

submitHandler:function(){

$.ajax({

url : "/login",

type : "post",

data : $("#loginForm").serialize(),

beforeSend:function(){

$("#loginBtn").append($("")).attr("disabled","disabled");

},

complete:function(){

$("#loginBtn").html("登录").removeAttr("disabled");

},

success : function(data) {

if(data.state == "error") {

alert(data.message);

} else {

window.location.href = "/jq/demo1.jsp";

}

},

error : function() {

alert("服务器错误");

}

});

}

});

/* $("#loginBtn").click(function(){

var username = $("#username").val();

var password = $("#password").val();

//alert($("#loginForm").serialize());

$.post("/login",$("#loginForm").serialize()).done(function(data){

if(data.state == "error") {

alert(data.message);

} else {

window.location.href = "/jq/demo1.jsp";

}

}).error(function(){

alert("服务器异常");

});

});*/

});