这里有新鲜出炉的 jQuery 示例,程序狗速度看过来!
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
这篇文章主要介绍了 Jquery 序列化后的表单值转换成 Json 的相关资料,非常不错,具有参考借鉴价值, 需要的朋友可以参考下
小朋友有一个表单,他想以 Json 的方式获取到表单的内容。小朋友尝试了以下方式。
通过
可以获取到序列化的表单值字符串。
- $("#form").serialize()
例如:
- a = 1 & b = 2 & c = 3 & d = 4 & e = 5
通过
输出以数组形式序列化表单值。
- $("#form").serializeArray()
- [
- {name: 'firstname', value: 'Hello'},
- {name: 'lastname', value: 'World'},
- {name: 'alias'}, // 值为空
- ]
统统不满足小朋友想得到 Json 的愿望。堆栈溢出后,找到了一个这样的方法
- $.fn.serializeObject = function() {
- var o = {};
- var a = this.serializeArray();
- $.each(a,
- function() {
- if (o[this.name] !== undefined) {
- if (!o[this.name].push) {
- o[this.name] = [o[this.name]];
- }
- o[this.name].push(this.value || '');
- } else {
- o[this.name] = this.value || '';
- }
- });
- return o;
- };
然后通过
就可以得到 Json 内容噜。
- $("#form").serializeObject();
以上所述是小编给大家介绍的 jQuery 序列化后的表单值转换成 Json,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 phperz 网站的支持!
来源: http://www.phperz.com/article/17/0814/338617.html