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

Question

表单jqueryjsonjavascripthtml

Answer 1

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

Answer 2

要求获取表单的数据是这种格式的：
{
a1: '';
a2: '';
a3: '';
a4: '';
...
ax: '';
}

Answer 3

我是用
var jsonData = $("#formID").serializeArray();
这种方法，没有获取到数据

Answer 4

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

Answer 5

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

Answer 6

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

Answer 7

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

Answer 8

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

Answer 9

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

Answer 10

两种是一样的s = {"a1":"xyz"};
alert(s.a1);
s = {a1:"xyz"};
alert(s.a1);
按标准，键也是要用引号括起的