form表单转换为Json数据

缺乏、安全感 2022-06-01 01:18 190阅读 0赞

<form id="formDemo" class="layui-form">
        <table class="layui-table" lay-even>
            <colgroup>
                <col width="100">
                <col width="200">
                <col>
            </colgroup>
            <tbody>
                <tr>
                    <th>用户名</th>
                    <td id="userName">
                        <div class="layui-form-item layui-input-inline">
                            <input tyep="text" name="userName" class="layui-input">
                        </div>
                    </td>
                </tr>
                <tr>
                    <th>登录密码</th>
                    <td id="password">
                        <div class="layui-form-item layui-input-inline">
                            <input tyep="text" name="password" class="layui-input">
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
     </form>

<script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jquery.serializejson.js"></script> <script type="text/javascript">
        function getUser(){
            console.log($('#formDemo').serializeJSON());
            console.log(JSON.stringify($('#formDemo').serializeJSON()));
            return JSON.stringify($('#formDemo').serializeJSON());
        }
    </script>来源：https://www.cnblogs.com/makexu/articles/6377617.html

发表评论取消回复

表情：

评论列表（有 0 条评论，190人围观）

还没有评论，来说两句吧...

相关阅读

相关 Form表单数据处理

浏览器端的数据采集主要依靠html的form表单来实现，form表单是包含一系列表单元素的区域，表单元素是允许用户在表单中输入信息的元素。常见的表单有文本域，下拉列表，单选框和

叁歲伎倆/ 2024年03月31日 14:42/ 0 赞/ 66 阅读

相关 form表单提交和JSON区别

form表单是“键值对”的数据格式，例如： a=1&b=2&c=3 而json格式则与之不同，如下： {"a":1,"b":2,"c":3}

小咪咪/ 2022年10月29日 07:33/ 0 赞/ 217 阅读

相关 curl basic认证发form表单和Json数据

curl --basic -u -X -H -d `--basic`：指定简单密码校验 `-u`：指定用户名和密码，格式：`username:password

待我称王封你为后i/ 2022年10月24日 01:44/ 0 赞/ 360 阅读

相关前端基础-09-form表单&json数据

前端基础-form表单,json数据 1.form表单常用标签完整的form表单标签 <form action="http://www.baidu

太过爱你忘了你带给我的痛/ 2022年06月05日 05:39/ 0 赞/ 173 阅读

相关 form表单转换为Json数据

<form id="formDemo" class="layui-form"> <table class="layui-table" lay-even>

缺乏、安全感/ 2022年06月01日 01:18/ 0 赞/ 191 阅读

相关 Spring mvc前后端数据交互（form表单和json数据）

`ajax`异步提交请求常用的`contentType`有两种：`contentType:application/x-www-form-urlencoded` `content

蔚落/ 2022年05月12日 04:30/ 0 赞/ 215 阅读

相关 JQuery获取form表单数据

1.首先页面的form的所有表单元素需要增加name属性 <div class="form-group"> <label for="name" cla

男娘i/ 2022年05月09日 04:10/ 0 赞/ 1055 阅读

相关 Form表单提交JSON数据

1.定义方法 //定义serializeObject方法，序列化表单 $.fn.serializeObject = function() {

迈不过友情╰/ 2022年04月18日 03:38/ 0 赞/ 724 阅读

相关 Form-Form表单

一、典型表单在 Form 组件中，每一个表单域由一个 Form-Item 组件构成，表单域中可以放置各种类型的表单控件，包括 Input、Select、Check

灰太狼/ 2022年03月31日 15:11/ 1 赞/ 622 阅读

相关前端：form表单转换为Json数据

项目主页 [https://github.com/marioizquierdo/jquery.serializeJSON][https_github.com_mario

短命女/ 2022年03月20日 08:56/ 0 赞/ 640 阅读