Ajax 提交之快速获取表单值

前言

表单请求经常需要进行表单验证, 然后再进行请求, 再对页面进行后处理, 比如弹出个对话框提示请求成功。

普通的提交是不能满足需求的, 要通过来处理。

使用jQuery的submit函数

提供了函数, 来接管提交事件,

serializeArray 序列化参数

获取参数的方式有很多种, 上面使用的是最简单的方法, 通过获取元素来获取值。

但是如果有很多个参数, 比如用户名、密码、性别、城市、手机号、身份证号等等。

每个都要去手动获取元素再来获取值, 就太麻烦了。

提供了和两个方法去序列化参数, 关于这两个方法的不同, 可以查阅参考资料和文档。

这里使用, 主要是第二步获取参数的方式不同。

参考资料

Convert form data to JavaScript object with jQuery

https://stackoverflow.com/a/17784656/6335926

What's the difference between .serialize() and .serializeArray()?

https://stackoverflow.com/questions/10430502