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

 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>

 

posted @ 2015-04-26 15:13  Shimily  阅读(3930)  评论(0)    收藏  举报