表单序列化 serialize()出的值转换成json 数据

最新推荐文章于 2024-01-31 19:54:05 发布

黄小二哥

最新推荐文章于 2024-01-31 19:54:05 发布

阅读量1.3k

点赞数

文章标签： json javascript c# ViewUI

原文链接：http://www.cnblogs.com/shimily/articles/4457803.html

版权

DataDeal.js：

$.ajaxSetup({
    contentType: "application/x-www-form-urlencoded; charset=utf-8"
});
var DataDeal = {
    //将从form中通过$('#form').serialize()获取的值转成json
           formToJson: function (data) {
               data=data.replace(/&/g,"\",\"");
               data=data.replace(/=/g,"\":\"");
               data="{\""+data+"\"}";
               return data;
            },
};

页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单通过serialize()方法获取的值转成json格式数据</title>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="js/DataDeal.js"></script>
</head>
<body>
<form action="">
    <input type="text" name="name" value="shimily">
    <input type="text" name="tel" value="123566">
    <input type="text" name="adress" value="123">
</form>
<button>点击</button>
<div></div>

    <script type="text/javascript">
        $("button").click(function(){ 
            var data=$('form').serialize();//获取值
            data= decodeURIComponent(data,true);//防止中文乱码
            var jsonData=DataDeal.formToJson(data);//转化为json

            var  jss=jsonData;
            console.log(jsonData);
        }); 
    </script>
</body>
</html>

转载于:https://www.cnblogs.com/shimily/articles/4457803.html

黄小二哥

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
表单序列化 serialize()出的值转换成json 数据

DataDeal.js：$.ajaxSetup({ contentType: "application/x-www-form-urlencoded; charset=utf-8"});var DataDeal = { //将从form中通过$('#form').serialize()获取的值转成json formToJson: func...
复制链接

扫一扫