Javascript将Form数据转化成Json对象

原创 2016年05月31日 19:58:36

jquery如何实现获取表单数据以后,以json格式提交表单的功能?我的页面结构如下所示:
HTML:

XML/HTML code
?
1
2
3
4
5
6
7
8
9
10
11
12
<form>
<input id="a1" type="input" value="" name="a1">
<input id="a2" type="input" value="" name="a2">
<input id="a3" type="input" value="" name="a3">
<input id="a4" type="input" value="" name="a4">
...
<select id="ax" name="ax">
<option value="0">选项1</option>
<option value="1">选项2</option>
</select>
<input id="submit" type="submit" value="提交" name="submit">
</form>

jQuery:
JavaScript code
?
1
2
3
4
5
6
7
8
9
10
11
12
13
<script src="../jquery.js" type="text/javascript"></script> 
<script>
jQuery(document).ready(function() {    
    var func = function(){...}
   $("#submit").click(function(){
          func(
              {
                json格式的表单数据
              }
          );
    }
});
</script>
 

如何写jquery里面的以json格式获取表单数据?

方法如下:

将Form的数据转化成Javascript的Json对象

Jquery的serializeArray 方法已经可以实现将Form的数据序列化为一个数组,只要稍微在这个方法的基础上做些修改即可。

方法1:

方法2:

 

Posted on三月 22, 2016CategoriesJavascript

2 thoughts on “Javascript将Form数据转化成Json对象”

  1. luo说道:

    $(“form”).serializeArray() 不行吗? 还需要map下

    1. admin说道:

      serializeArray() 方法序列化表单元素,返回 JSON 数据结构数据。如:

      [
      {name: ‘firstname’, value: ‘Hello’},
      {name: ‘lastname’, value: ‘World’},
      {name: ‘alias’}, // 值为空
      ]

版权声明:本文欢迎转载!

Javascript - 获取Json结构的表单数据

功能很简单,这里使用了jQuery的方法,因此依赖于jQuery。 如果存在多项name相同的表单对象,会使用","英文逗号隔开。 完整代码: //从from获取数据,转为对象 fu...
  • isea533
  • isea533
  • 2014年12月20日 12:54
  • 4116

form 转json最佳示例

form 转json最佳示例

form表单的ajax提交【组装json】

关键代码: /** * 将表单序列化 然后转换成json数据 */ var data = $("#editForm").serializeObject(); JSON.stringify(data);...

AJAX如何以POST的方式提交JSON数据到Form

解决方案: var jsonData = { "id": "123"}; $.ajax({ type: "post", url: '/Table/Gri...

自定义EL表达式,将对象转成json格式,关键代码

做javaweb开发的最常用的一个东西el表达式,这个东西是个很好用的东西,但有些时候我们处理复杂的字符串操作,就有些相形见绌了,这个时候就需要用自定义的方法去实现更多简洁方便的事情。下面自定义一个将...

如何把一个表单form变成Json对象

在很多情况下,我们需要把一个表单变成一个Json对象,好比我们在登录页面,我们有用户名和密码2个输入框,我们期望我可以通过一个方法把它Json对象,如下: { "Username":"TestName...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

js将form内的表单序列化为json字符串、数组、对象

序列化为字符串 var params1 = $(#myform).serialize();//name=zhangsan&sex=1&age=20 序列化为数组 $(#myform).ser...

将表单内容转化成json字符串,并通过ajax提交!

1.JQuery的自定义方法,直接写个js文件放到里边,用的时候引一下就可以。(function($) { $.fn.extend({ serializeObject : fu...

jquery自动将form表单封装成json

姓名:                                                                                      ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Javascript将Form数据转化成Json对象
举报原因:
原因补充:

(最多只允许输入30个字)