html表单转化成json,form表单转换为Json字符串数据(示例代码)

效果图

加载使用

form表单页面代码

用户名
登录密码
用户权限
手机号
用户备注

序列化

function getUser(){

console.log($(\'#formDemo\').serializeJSON());

console.log(JSON.stringify($(\'#formDemo\').serializeJSON()));

return JSON.stringify($(\'#formDemo\').serializeJSON());

}

$(\'#formDemo\').serializeJSON()返回的是一个Object体

{userName: "test", password: "test", role: "管理员", phone: "18888888866", nickName: "测试"}

JSON.stringify($(\'#formDemo\').serializeJSON())返回的是JSON字符串

{"userName":"test","password":"test","role":"管理员","phone":"18888888866","nickName":"测试"}

使用Ajax传递给后台使用@RequestBody进行接收

function addUser(){

var data = getUser();

$.ajax({

type: "POST",

url: "${ctx}/auth/user/create",

data: data,

dataType: "json",

contentType:"application/json",

success: function(data){

alert(data.message);

if(data.code==0){

layer.closeAll();

window.location.href="${ctx}/auth/users";

}

}

});

}

若要在JS中获取键值对中的值可以进行如下处理

var data = getUser();

var obj = eval("("+data+")");

alert(obj.userName);