json2form

最新推荐文章于 2023-06-19 15:39:55 发布

吉普赛的歌

最新推荐文章于 2023-06-19 15:39:55 发布

阅读量3.7k

点赞数

分类专栏：前端 - jQuery插件

本文链接：https://blog.csdn.net/yenange/article/details/8648733

版权

前端 - jQuery插件专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<%@ 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="" οnclick="test()" />
    </div>
    </form>
</body>
</html>

吉普赛的歌

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
json2form

function test() { var json = $("form").form2json(); $.post("Default3.aspx", json, function (data) { }, "json"); } $.fn.form2json = function () {
复制链接

扫一扫