Javascript将Form数据转化成Json对象

5115人阅读 评论(0) 收藏 举报
分类:

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’}, // 值为空
      ]

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:417067次
    • 积分:5264
    • 等级:
    • 排名:第5196名
    • 原创:105篇
    • 转载:120篇
    • 译文:0篇
    • 评论:30条
    博客专栏
    最新评论