json2form

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="Scripts/json2.js" type="text/javascript"></script>
    <script type="text/javascript">
        function test() {
            var json = $("form").form2json();
            $.post("Default3.aspx",json,function (data) {

            },"json");
        }

        $.fn.form2json = function () {
            var o = {};
            var a = this.serializeArray();
            $.each(a,function () {
                if (o[this.name]) {
                    if (!o[this.name].push) {
                        o[this.name] = [o[this.name]];
                    }
                    o[this.name].push(this.value || '');
                } else {
                    o[this.name] = this.value || '';
                }
            });
            return o;
        }
    </script>
</head>
<body>
    <form id="myForm" runat="server">
    <div>
        用户名：<input type="text" id="UserName" name="UserName" /><br />
        部门：<select id="Department" name="Department">
            <option value="">请选择</option>
            <option value="1">财务部</option>
            <option value="2">技术部</option>
        </select><br />
        <input type="button" value="将所有表单元素化为JSON并提交表单" id="" onclick="test()" />
    </div>
    </form>
</body>
</html>
原文链接：https://www.f2er.com/json/290528.html
猜你在找的Json相关文章
