如何将表单和json同时提交

问题描述

一个表单页面中生成了一个json对象,现在想把表单和json同时提交到服务器,请问如何实现?

解决方案

解决方案二:
用hidden把json的内容存起来后台再解析
解决方案三:
把json数据构造成一个字符串再提交。
解决方案四:
把json转换成字符串再放到hidden的input里面传到服务端
解决方案五:
页面在表单里面添加一个inputtype="hidden"把json的做成字符串设为hidden的value然后提交的后台去解析
解决方案六:
楼上的都是正解。
解决方案七:
引用4楼zxb282233568的回复:

页面在表单里面添加一个inputtype="hidden"把json的做成字符串设为hidden的value然后提交的后台去解析

+++
解决方案八:
看下淘宝网的登录页面里有好多隐藏的字段,就是这样做的

时间: 2024-10-14 21:46:47

如何将表单和json同时提交的相关文章

mootools将表单变成json格式

JSON 是个好东西,但我却因为一个小问题困扰了好久! 假设通过 Ajax 调用从服务器获得这样一个 JSON 字符串: 1.{"username":"dualface","email":"ddddd@ddddd.com"} 知道怎么在 JavaScript 里面转换为对象吗? 正确的做法是: 1.obj = eval("(" + json_string + ")"); 这么重要的问题,

form表单转Json提交的方法(推荐)_javascript技巧

先将表单数值转换成数组存储,存储成的格式为[{"name":"","value":""},.....}] var formArray = $("#form").serializeArray(); 将formArray转换成Json格式 function arrayToJson(formArray){ var dataArray = {}; $.each(formArray,function(){ if(da

通过构造AJAX参数实现表单元素JSON相互转换_AJAX相关

ajax提交服务器数据, 整理一下转换方法. HTML: <form id="fm" name="fm" action=""> <input name="UserName" type="text" value="UserName1"/> </form> <input name="UserId" id="UserId&

jquery提交form表单时禁止重复提交的方法

 这篇文章主要介绍了jquery提交form表单时禁止重复提交的方法,需要的朋友可以参考下    代码如下: $(document).ready(function() {   $('form').submit(function() {     if(typeof jQuery.data(this, "disabledOnSubmit") == 'undefined') {       jQuery.data(this, "disabledOnSubmit", { s

网页-表单自动填写内容提交

问题描述 表单自动填写内容提交 每天更新数据到mysql上.然后登陆网站,从数据库里面查找相关填表内容,然后自动填写进打开的网页表单内,自动点击提交,这个web网页 是别人的 解决方案 web automation的方式点击表格提交 解决方案二: 还可以浏览器插件,插入javascript来操作web页面 解决方案三: 下载httpanalyzerstd工具截取别人网站的提交动作的数据包,然后分析数据包格式构造,具体怎么操作自行百度,然后用使用http协议post方法提交,只要你数据包构造正确,

编辑器-form表单通过360浏览器提交数据,controller获取不到参数

问题描述 form表单通过360浏览器提交数据,controller获取不到参数 我做了一个小DEMO,进行新闻的CRUD,用的是ueditor,测试的时候,IE可以显示数据, 火狐也可以,chrome也行,但是有时候点击"编辑新闻"时,编辑器里是空白,时有时无, 360浏览器就一直是空白,我看了一下MyEclipse控制台,是因为没获取页面提交的数据. 希望求大神解决啊!!! 解决方案 360你使用的是兼容模式还是急速模式?兼容模式是ie内核(默认好像是ie7内核..并不是系统最高版

jsp使用ajax加载子页面,使用ajax提交子页面的表单没反应,提交按钮点击不了

问题描述 jsp使用ajax加载子页面,使用ajax提交子页面的表单没反应,提交按钮点击不了 子页面相关js代码如下: $(function(){ $("#chaxun_btn").click(function(){ var rightitem=$("#chaxun_btn").parent("right-item"); var url=$("#chaxun_btn").attr("url"); $.aja

jqury 表单验证,终止提交

问题描述 jqury 表单验证,终止提交 我想要做的是当弹出'项目类型已存在'时return false,不弹出时return true,怎么实现 form action="saveModuleType.jhtml" method="post" class="typeForm" onsubmit="return validate()" function validate(){ var tmoduleType = $('#smo

BootStrap智能表单实战系列(八)表单配置json详解_javascript技巧

 本章属于该系列的高级部分,将介绍表单中一些列的配置 1.config列的配置: 主要用于控制布局 :config:{autoLayout:true|'1,2,2,4'} true:根据配置项最里层的数量来自动使用不同的栅格, '1,2,2,4':使用指定的栅格来布局,如果配置的列数不足的情况将使用第一项(n,n 为一项) 2.hides的配置项 hides:[{id:'xxx',value:''}] 此项是可选的,主要用于编辑时存放一些不可见的列(如主键ID的值) 3.eles 表单元素的配置