jquery如何实现获取表单数据以后以json格式提交

[jackykwan4343]

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

<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:

<script src="../jquery.js" type="text/javascript"></script> 
<script>
jQuery(document).ready(function() {    
    var func = function(){...}
   $("#submit").click(function(){
          func(
              {
                json格式的表单数据
              }
          );
    }
});
</script>

如何写jquery里面的以json格式获取表单数据？
谢谢大神！

[slwsss]

http://blog.csdn.net/violet_day/article/details/13999377 http://www.w3school.com.cn/jquery/ajax_serialize.asp

[jackykwan4343]

要求获取表单的数据是这种格式的：

{
a1: '';
a2: '';
a3: '';
a4: '';
...
ax: '';
}

[jackykwan4343]

引用 1 楼 slwsss 的回复:

http://blog.csdn.net/violet_day/article/details/13999377 http://www.w3school.com.cn/jquery/ajax_serialize.asp

引用 1 楼 slwsss 的回复:

http://blog.csdn.net/violet_day/article/details/13999377 http://www.w3school.com.cn/jquery/ajax_serialize.asp

我是用

var jsonData = $("#formID").serializeArray();

这种方法，没有获取到数据

[slwsss]

引用 2 楼 andy15703166 的回复:

要求获取表单的数据是这种格式的：

{
a1: '';
a2: '';
a3: '';
a4: '';
...
ax: '';
}

var d={};$(form).find('input,select').each(function(){d[this.name]=this.value});console.log(d);

[jackykwan4343]

引用 4 楼 slwsss 的回复:

[quote=引用 2 楼 andy15703166 的回复:] 要求获取表单的数据是这种格式的：

{
a1: '';
a2: '';
a3: '';
a4: '';
...
ax: '';
}

var d={};$(form).find('input,select').each(function(){d[this.name]=this.value});console.log(d);

[/quote] 如何查看是否获取到？

[slwsss]

引用 5 楼 andy15703166 的回复:

[quote=引用 4 楼 slwsss 的回复:] [quote=引用 2 楼 andy15703166 的回复:] 要求获取表单的数据是这种格式的：

{
a1: '';
a2: '';
a3: '';
a4: '';
...
ax: '';
}

var d={};$(form).find('input,select').each(function(){d[this.name]=this.value});console.log(d);

[/quote] 如何查看是否获取到？ [/quote] console.log(454545) 按f12 在Console 可以看到

[jackykwan4343]

其实，我需要这个方法，就是要实现jNotify这个jquery插件的api功能，仿照它这个页面http://demos.myjqueryplugins.com/jnotify/，在自己的页面做这个功能。

[xuzuning]

<script>
$(function() {
  $('#submit').click(function() {
    var d = {};
    var t = $('form').serializeArray();
    $.each(t, function() {
      d[this.name] = this.value;
    });
    alert(JSON.stringify(d));
  });
});
</script>
<form>
<input id="a1" type="input" value="" name="a1"><br>
<input id="a2" type="input" value="" name="a2"><br>
<input id="a3" type="input" value="" name="a3"><br>
<input id="a4" type="input" value="" name="a4"><br>
<select id="ax" name="ax">
<option value="0">选项1</option>
<option value="1">选项2</option>
</select><br>
<input id="submit" type="button" value="提交" name="submit">
</form>

[KK3K2005]

$("#submit").click(function(){ var data = {}; $('[name^=]').each(function(){ var dom = $(this); data[dom.attr('name')] = dom.val(); }) func(data); }

[jackykwan4343]

引用 8 楼 xuzuning 的回复:

<script>
$(function() {
  $('#submit').click(function() {
    var d = {};
    var t = $('form').serializeArray();
    $.each(t, function() {
      d[this.name] = this.value;
    });
    alert(JSON.stringify(d));
  });
});
</script>
<form>
<input id="a1" type="input" value="" name="a1"><br>
<input id="a2" type="input" value="" name="a2"><br>
<input id="a3" type="input" value="" name="a3"><br>
<input id="a4" type="input" value="" name="a4"><br>
<select id="ax" name="ax">
<option value="0">选项1</option>
<option value="1">选项2</option>
</select><br>
<input id="submit" type="button" value="提交" name="submit">
</form>

这个方法可以。 补充问一下，提交的json格式是“a1”:"xyz"这样的格式，如何改写成a1:"xyz"格式？ 谢谢！

[xuzuning]

两种是一样的

s = {"a1":"xyz"};
alert(s.a1);
s = {a1:"xyz"};
alert(s.a1);

按标准，键也是要用引号括起的

[html_haha]

可以参考这2个方法： http://blog.jdk5.com/zh/convert-form-data-to-javascript-object-with-jquery/

[html_haha]

http://blog.jdk5.com/zh/convert-form-data-to-javascript-object-with-jquery/ 参考这个

[烟花散尽13141]

http://blog.csdn.net/u013132051/article/details/51743627 这个是Form 转换成自己制定的格式的json对象