jQuery技术

HTML表单转JSON:jquery.serializeJSON

字号+ 作者:H5之家 来源:H5之家 2017-09-12 14:18 我要评论( )

支持将一个HTML表单序列化成JavaScript对象,支持嵌套属性和数组。Usage Example HTML form (input, textarea and select tags supported): form !-- simple attribute -- input type="text"value="Mario Izquierdo" /!-- nested attributes -- input type="

支持将一个HTML表单序列化成JavaScript对象,支持嵌套属性和数组。Usage Example

HTML form (input, textarea and select tags supported):

<form> <!-- simple attribute --> <input type="text" value="Mario Izquierdo" /> <!-- nested attributes --> <input type="text" value="San Francisco" /> <input type="text" value="California" /> <input type="text" value="CA" /> <!-- array --> <input type="text" value="code" /> <input type="text" value="climbing" /> <!-- and more ... --> <textarea>serializeJSON</textarea> <textarea>javascript</textarea> <input type="hidden" value="0" /> <input type="checkbox" value="1" checked="checked"/> <textarea>tinytest.js</textarea> <textarea>javascript</textarea> <input type="hidden" value="0" /> <input type="checkbox" value="1"/> </form>

JavaScript:

$('#my-profile').serializeJSON(); // returns => { fullName: "Mario Izquierdo", address: { city: "San Francisco", state: { name: "California", abbr: "CA" } }, jobbies: ["code", "climbing"], projects: { '0': { name: "serializeJSON", language: "javascript", popular: "1" }, '1': { name: "tinytest.js", language: "javascript", popular: "0" } } }

项目主页:

扩展阅读让 SpringMVC 接收多个对象的4种方法
Jquery 将表单序列化为Json对象
将表单转成JSON提交:jquery html json forms
疯狂Html+CSS+JS 中JS总结

为您推荐React, Redux and Immutable.js: Ingredients for Efficient Web Applications
Go语言(golang)开源项目大全
程序员瑞典最大的约会网站的开发测试经验
netty处理客户端传过来的get、post、websocket数据例子
非常棒的Go语言框架,库和软件集合:Awesome Go
更多jquery.serializeJSON
表单相关jQuery插件

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 一、JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系?jQ

    一、JS中innerHTML、outerHTML、innerText 、outerText、value的区别

    2017-09-10 12:05

  • jQuery formValidator表单验证

    jQuery formValidator表单验证

    2017-09-09 08:00

  • HTML 编辑器

    HTML 编辑器

    2017-09-04 16:04

  • 3.9 技巧:使用jQuery动态生成HTML

    3.9 技巧:使用jQuery动态生成HTML

    2017-09-02 10:00

网友点评