最好的方法是包含JSON对象的填充。

但是如果你坚持在jQuery命名空间中创建一个方法来将对象序列化为JSON符号(JSON的有效值)，你可以这样做:

实现

// This is a reference to JSON.stringify and provides a polyfill for old browsers.
// stringify serializes an object, array or primitive value and return it as JSON.
jQuery.stringify = (function ($) {
  var _PRIMITIVE, _OPEN, _CLOSE;
  if (window.JSON && typeof JSON.stringify === "function")
    return JSON.stringify;

  _PRIMITIVE = /string|number|boolean|null/;

  _OPEN = {
    object: "{",
    array: "["
  };

  _CLOSE = {
    object: "}",
    array: "]"
  };

  //actions to execute in each iteration
  function action(key, value) {
    var type = $.type(value),
      prop = "";

    //key is not an array index
    if (typeof key !== "number") {
      prop = '"' + key + '":';
    }
    if (type === "string") {
      prop += '"' + value + '"';
    } else if (_PRIMITIVE.test(type)) {
      prop += value;
    } else if (type === "array" || type === "object") {
      prop += toJson(value, type);
    } else return;
    this.push(prop);
  }

  //iterates over an object or array
  function each(obj, callback, thisArg) {
    for (var key in obj) {
      if (obj instanceof Array) key = +key;
      callback.call(thisArg, key, obj[key]);
    }
  }

  //generates the json
  function toJson(obj, type) {
    var items = [];
    each(obj, action, items);
    return _OPEN[type] + items.join(",") + _CLOSE[type];
  }

  //exported function that generates the json
  return function stringify(obj) {
    if (!arguments.length) return "";
    var type = $.type(obj);
    if (_PRIMITIVE.test(type))
      return (obj === null ? type : obj.toString());
    //obj is array or object
    return toJson(obj, type);
  }
}(jQuery));

使用

var myObject = {
    "0": null,
    "total-items": 10,
    "undefined-prop": void(0),
    sorted: true,
    images: ["bg-menu.png", "bg-body.jpg", [1, 2]],
    position: { //nested object literal
        "x": 40,
        "y": 300,
        offset: [{ top: 23 }]
    },
    onChange: function() { return !0 },
    pattern: /^bg-.+\.(?:png|jpe?g)$/i
};

var json = jQuery.stringify(myObject);
console.log(json);

基本上分为两步:

首先，你需要像这样进行字符串化:

var JSON_VAR = JSON.stringify(OBJECT_NAME, null, 2); 

之后，你需要将字符串转换为Object:

var obj = JSON.parse(JSON_VAR);

如果不想使用外部库，有. tosource()原生JavaScript方法，但它不是完美的跨浏览器。

不，序列化到JSON的标准方法是使用现有的JSON序列化库。如果您不希望这样做，那么您将不得不编写自己的序列化方法。

如果您需要关于如何做到这一点的指导，我建议检查一些可用库的源代码。

编辑:我并不是说编写自己的serliazation方法不好，但是您必须考虑到，如果使用格式良好的JSON对您的应用程序很重要，那么您必须权衡“多一个依赖项”的开销与自定义方法可能有一天遇到您没有预料到的失败情况的可能性。这种风险是否可接受由你决定。

我确实在某个地方找到了这个。但不记得在哪里了……可能在StackOverflow:)

$.fn.serializeObject = function(){
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o[this.name]) {
            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;
};

上面的解决方案没有考虑到的一件事是，如果您有一个输入数组，但只提供了一个值。

例如，如果后端期望一个People数组，但在这个特定的情况下，您只是在处理一个人。然后做:

<input type="hidden" name="People" value="Joe" />

然后用之前的解，它会映射到像这样的东西:

{
    "People" : "Joe"
}

但是它应该映射到

{
    "People" : [ "Joe" ]
}

为了解决这个问题，输入应该是这样的:

<input type="hidden" name="People[]" value="Joe" />

您将使用以下函数(基于其他解决方案，但进行了一些扩展)

$.fn.serializeObject = function() {
var o = {};
var a = this.serializeArray();
$.each(a, function() {
    if (this.name.substr(-2) == "[]"){
        this.name = this.name.substr(0, this.name.length - 2);
        o[this.name] = [];
    }

    if (o[this.name]) {
        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;
};