表单格式化插件jquery.serializeJSON

var jsOnString= JSON.stringify(obj);

$(‘form#checkboxes‘).serializeJSON(); // Note no option is used
 
// returns =>
{
  ‘checked‘: {
    ‘bool‘:  ‘true‘,
    ‘bin‘:   ‘1‘,
    ‘cool‘:  ‘YUP‘
  },
  ‘unchecked‘: {
    ‘bool‘: ‘false‘,
    ‘bin‘:  ‘0‘
    // Note that unchecked cool does not appear, because it doesn‘t use data-unchecked-value
  }
}

$(‘form‘).serializeJSON({parseNulls: true, parseNumbers: true});
 
// returns =>
{
  "bool": {
    "true": "true", // booleans are still strings, because parseBooleans was not set
    "false": "false",
  }
  "number": {
    "0": 0, // numbers are parsed because parseNumbers: true
    "1": 1,
    "2.2": 2.2,
    "-2.25": -2.25,
  }
  "null": null, // "null" strings are converted to null becase parseNulls: true
  "string": "text is always string",
  "empty": ""
}

var emptyStringsAndZerosTOnulls= function(val, inputName) {
  if (val === "") return null; // parse empty strings as nulls
  if (val === 0)  return null; // parse 0 as null
  return val;
}
 
$(‘form‘).serializeJSON({parseWithFunction: emptyStringsAndZerosToNulls, parseNumbers: true});
 
// returns =>
{
  "bool": {
    "true": "true",
    "false": "false",
  }
  "number": {
    "0": null, // <-- parsed with custom function
    "1": 1,
    "2.2": 2.2,
    "-2.25": -2.25,
  }
  "null": "null",
  "string": "text is always string",
  "empty": null // <-- parsed with custom function
}

$(‘form‘).serializeJSON({
  customTypes: {
    alwaysBoo: function(str) { // value is always a string
      return "boo";
    },
    string: function(str) { // all strings will now end with " override"
      return str + " override";
    }
  }
});
 
// returns =>
{
  "scary": "boo",        // <-- parsed with type :alwaysBoo
  "str": "str override", // <-- parsed with new type :string (instead of the default)
  "number": 5,           // <-- the default :number still works
}

$(‘form‘).serializeJSON();
 
// returns =>
{‘arr‘: {‘0‘: ‘foo‘, ‘1‘: ‘var‘, ‘5‘: ‘inn‘ }}

$(‘form‘).serializeJSON({useIntKeysAsArrayIndex: true});
 
// returns =>
{‘arr‘: [‘foo‘, ‘var‘, undefined, undefined, undefined, ‘inn‘]}

$.serializeJSON.defaultOptions.parseAll = true; // parse booleans, numbers and nulls by default
 
$(‘form‘).serializeJSON(); // No optiOns=> then use $.serializeJSON.defaultOptions
 
// returns =>
{
  "bool": {
    "true": true,
    "false": false,
  }
  "number": {
    "0": 0,
    "1": 1,
    "2.2": 2.2,
    "-2.25": -2.25,
  }
  "null": null,
  "string": "text is always string",
  "empty": ""
}