美文网首页
前台快速获取表单数据的方法

前台快速获取表单数据的方法

作者: 寄去远方的盛夏 | 来源:发表于2017-12-16 11:12 被阅读35次

你还在通过JQ获取元素值,然后一个个赋值给变量获取用户填写的数据吗?这真的太慢了,而且当涉及到嵌套数据时还要循环写入数据,真的很浪费时间,其实JQ有给我们封装过一个方法,可以快速获取。下面是福利

1、 首先你需要先引入文件Jquery-1.11.0.js
2、 然后给你的表达定义一个idid="itemform"
3、 然后赋值给一个变量var itemForm = $('#itemform');
4、 将获取到的表单元素用serialize或者serializeArray进行处理(二者区别后面再说)var data = itemForm.serializeArray();
5、 然后就是Ajax发送到后台了$.post(url,data,function(data){ }

注:

serialize和serializeArray区别

---serialize()序列化表单元素为字符串,用于 Ajax 请求。(数据会转为字符串的形式)
---serializeArray()序列化表单元素为JSON数据。(数据会转为json格式的形式)
推荐用serializeArray


相关文章