jquery.serializeJSON
来源:互联网 发布:js选项卡代码理解 编辑:程序博客网 时间:2024/06/18 07:50
Serialize an HTML Form to a JavaScript Object, supporting nested attributes and arrays.
项目地址https://github.com/marioizquierdo/jquery.serializeJSON
<form id="my-profile"> <!-- simple attribute --> <input type="text" name="fullName" value="Mario Izquierdo" /> <!-- nested attributes --> <input type="text" name="address[city]" value="San Francisco" /> <input type="text" name="address[state][name]" value="California" /> <input type="text" name="address[state][abbr]" value="CA" /> <!-- array --> <input type="text" name="jobbies[]" value="code" /> <input type="text" name="jobbies[]" value="climbing" /> <!-- textareas, checkboxes ... --> <textarea name="projects[0][name]">serializeJSON</textarea> <textarea name="projects[0][language]">javascript</textarea> <input type="hidden" name="projects[0][popular]" value="0" /> <input type="checkbox" name="projects[0][popular]" value="1" checked /> <textarea name="projects[1][name]">tinytest.js</textarea> <textarea name="projects[1][language]">javascript</textarea> <input type="hidden" name="projects[1][popular]" value="0" /> <input type="checkbox" name="projects[1][popular]" value="1"/> <!-- select --> <select name="selectOne"> <option value="paper">Paper</option> <option value="rock" selected>Rock</option> <option value="scissors">Scissors</option> </select> <!-- select multiple options, just name it as an array[] --> <select multiple name="selectMultiple[]"> <option value="red" selected>Red</option> <option value="blue" selected>Blue</option> <option value="yellow">Yellow</option> </select></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" } }, selectOne: "rock", selectMultiple: ["red", "blue"]}
0 0
- jquery.serializeJSON
- 表单格式化插件jquery.serializeJSON
- jQuery 扩展,将复杂form表单转成json对象serializeJson
- $.fn.serializeJson = function() {}中fn代表什么,谁是函数名
- $.ajax() 方法中对data值进行封装。serializeJson() 可以是form表单,也可以是单个元素对象
- 【超易忘重点】EasyUI【提交条件查询表单】刷新dataGrid只能用datagrid("load",$("formID").serializeJSON() )】reload不行
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- Android Studio打开模拟器时报错"adb not responding"
- 2014年下半年自学Linux命令6(持续更新)
- 自编小工具:Collect-便利你的阅读摘录收集, 含源码,分享给大家
- 12种超酷HTML5 SVG和CSS3浮动标签效果
- First Missing Positive
- jquery.serializeJSON
- 2014年下半年自学Linux命令7(持续更新)
- 域名解析和cdn 原理
- sublime 添加python 编译方法
- Detecting Wifi Networks Using Delphi and Native Wifi API
- 驱动开发-用windbg工具进行双机调试
- 在使用私有属性公有方法访问的时候在get方法里使用判断
- c++异常Try catch
- 2014下半年自学Linux命令8