`
dufeifei
  • 浏览: 190539 次
  • 性别: Icon_minigender_2
  • 来自: 邯郸
社区版块
存档分类

把form表单中的元素值封装成json

阅读更多
        var objJSON={};
	var myForm = document.getElementById("myForm");
	for(var i = 0; i<myForm.elements.length;i++){
	    var element=myForm.elements[i];
	    if(element.type=='text'||element.type=='radio' || element.type=='select-one'|| element.type=='select'){
		objJSON[element.name]=element.value;
	    }
	}
	alert(objJSON);
	alert($.toJSON(objJSON));
	return false;

 

分享到:
评论

相关推荐

    jquery自动将form表单封装成json的具体实现

    主要介绍了jquery自动将form表单封装成json的具体实现,需要的朋友可以参考下

    form表单数据封装成json格式并提交给服务器的实现方法

    下面小编就为大家分享一篇form表单数据封装成json格式并提交给服务器的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    httpclient模拟post请求json封装表单数据的实现方法

    httpclient模拟post请求json封装表单数据的实现方法 httpclient模拟post请求json封装表单数据的实现方法

    Javascript 详解封装from表单数据为json串进行ajax提交

    function getFormJson(frm) { //frm:form表单的id var o = {}; var a = $("#"+frm).serializeArray(); $.each(a, function() { if (o[this.name] !== undefined) { if (!o[this.name].push) { o[this.name] =...

    limon-json-schema-form:Vue3.0+TS 生成表单组件

    limon-json-schema-form 使用 Vue3.0 + TypeScript 搭建的表单生成组件 a form generator based on jsonschema for vue3 API 设计 value={value} xss=removed locale={locale} contextRef={someRef} uiSchema={...

    vue-form-render:基于Vue 3.x,使用JSON模式快速生成自定义表单配置界面

    Vue形式呈现 基于Vue 3.x,使用JSON Schema快速生成自定义表单配置界面。例子安装npm i vue3-form-render --save vue3 form render依赖于从item.so进行渲染,因此在使用vue3 form render我们需要安装Ant Design of ...

    jQuery实现的form转json经典示例

    主要介绍了jQuery实现的form转json功能,结合完整实例形式分析了jQuery将form表单数据封装成json传输的具体步骤与相关操作技巧,需要的朋友可以参考下

    vue构建动态表单的方法示例

    概述 后台管理系统里面有非常多的表单需求,我们希望能够通过写一个json格式的数据,通过...所以我们自己封装表单组件的时候也是可以传递一个value值,监听input事件获取输入的值。 &lt;input type="text" v-model=

    DynamicForm:antd移动json表格

    开头了antd@4的Form组件,针对表单使用的react-component/field-form库进行二次封装。 特性 :rocket: UI的快速实现。 :party_popper:实现一次性全部赋值。 :maple_leaf:表单提交取值。 :lipstick:融合多类型组件...

    nf-vue-element:基于element Plus的二次封装,实现文档驱动的目标

    nf-vue-element-plus 基于element Plus的二次封装,为文档驱动提供基础控件。 安装 初始化纱 开发环境纱线服务 打包纱 目录 src /组件 封装element-plus的组件表单控件(完善中)查询控件...创建表单用的json(完善中)

    精通JS脚本之ExtJS框架.part2.rar

    7.1.2 ExtJS对Form表单的封装 7.2 ExtJS的表单组件 7.2.1 文本输入控件Ext.form.TextField 7.2.2 多行文本输入控件Ext.form.TextArea 7.2.3 单选框 7.2.4 复选框 7.2.5 下拉列表框 7.2.6 日期输入控件Ext....

    精通JS脚本之ExtJS框架.part1.rar

    7.1.2 ExtJS对Form表单的封装 7.2 ExtJS的表单组件 7.2.1 文本输入控件Ext.form.TextField 7.2.2 多行文本输入控件Ext.form.TextArea 7.2.3 单选框 7.2.4 复选框 7.2.5 下拉列表框 7.2.6 日期输入控件Ext....

    JavaScript完全自学宝典 源代码

    20.2.html 使用JSON值的数组封装数据。 json2.js JSON的.js库文件。 testJson.war 使用JSON与服务器传递信息的项目文件(可直接在Tomcat下发布运行)。 \lib目录 在Java中使用...

    jQuery权威指南-源代码

    6.1.3 jQuery中的全局函数getJSON()/164 6.1.4 jQuery中的全局函数getScript()/166 6.1.5 jQuery中异步加载XML文档/168 6.2 请求服务器数据/170 6.2.1 $.get()请求数据/170 6.2.2 $.post()请求数据/172 6.2.3...

    MVC WebApi 用户权限验证及授权DEMO

    前言:Web 用户的身份验证,及页面操作权限验证是B/S系统的基础功能,一个功能复杂的业务应用系统,通过角色授权来控制用户访问,本文通过Form认证,Mvc的Controller基类及Action的权限验证来实现Web系统登录,Mvc...

    Flask-WTF表单的使用方法

    flask_wtf是flask框架的表单验证模块,可以很方便生成表单,也可以当做json数据交互的验证工具,支持热插拔。 安装 pip install Flask-WTF Flask-WTF其实是对wtforms组件的封装,使其支持对flask框架的热插拔。 ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -Grid的Values属性访问限制由internal改为public,这就意味这可以自由改变Grid中每个单元格的值了。 -增加示例-如何将Grid控件导出为Excel(data\grid_excel_run.aspx)(feedback:503684912)。 -如果TreeNode的属性...

    AspBox-v1.3.2工具API

    Form表单处理块 Fso操作类操作 Html控件 Http对XMLHttp处理块 Error错误处理块 Json处理块 jsLib(JS脚本核心引用操作) List处理各种List对象 Mail邮件处理块 PY拼音转换模块 Rnd随机数函数块 Session操作类 Sc脚本...

Global site tag (gtag.js) - Google Analytics