jQuery 1.4.1中缺少JSON字符串化吗?


74

显然,jQuery具有将给定对象或字符串解码为JSON对象的功能。但是,我有一个JS对象,我需要将其回发到服务器,并且在jQuery中找不到用于包装JSON.stringify()函数的实用程序。该功能可在Chrome,Safari 4,FF3.6和IE8中找到,但在较早的浏览器中找不到。我可以在支持它的浏览器中本机使用它,但是否则不得不回退到使用Crockford的JSON脚本。

是否有一些内置的jQuery处理JSON编码和解码来代替Crockford脚本?



也许我真的很傻,但这也让我感到完全惊讶。看起来JSON.org的脚本是解决之道。
KevinM 2011年

Answers:


29

您可能需要检查一下:http : //www.json.org/js.html


10
是的,对于jQuery尚未添加直接将其执行到库中的方法感到非常遗憾。我最终使用Closure编译器缩小了json.js并将其粘贴在我正在工作的js文件的底部。它可以解决问题,但似乎没有必要。
Geuis

我一直在使用code.google.com/p/jquery-json解决方案。对我来说很好。
crsuarezf 2011年

链接不再起作用。这个答案实际上并没有给出答案,因为它只是一个链接。
乔什·马格

27

您可以使用“ Closure Library”(Google)制作跨浏览器的JSON编码器/解码器。

只需访问http://closure-compiler.appspot.com/

并将以下内容插入文本字段,然后点击“编译”:

// ==ClosureCompiler==
// @compilation_level ADVANCED_OPTIMIZATIONS
// @output_file_name default.js
// @use_closure_library true
// ==/ClosureCompiler==

goog.require('goog.json');
if (!window['JSON']) window['JSON']={};
if (typeof window['JSON']['stringify'] !== 'function') window['JSON']['stringify']=goog.json.serialize;
if (typeof window['JSON']['parse'] !== 'function') window['JSON']['parse']=goog.json.parse;

我认为serialize应该更改为stringify重用浏览器的本机功能(如果有的话)
Tomas

1
将JSON.serialize重命名为JSON.stringify
stewe 2011年


3

jQuery内部不需要此功能,因此不提供方便的方法。

JSON.stringify()是将对象编码为该对象的JSON字符串表示形式的标准和推荐方法。它是许多浏览器中本机JSON对象的一种方法,建议您使用json2.js(https://github.com/douglascrockford/JSON-js)提供后备。


2

为了建立Stewe的答案,打开Advanced的闭包编译器会为您提供一个脚本,该脚本使用一堆字母变量来污染全局名称空间。因此,我将其包装在一个匿名函数调用中,如下所示:

(function() {
  function g(a) {
    var b = typeof a;
    if ("object" == b)
      if (a) {
        if (a instanceof Array) return "array";
        if (a instanceof Object) return b;
        var c = Object.prototype.toString.call(a);
        if ("[object Window]" == c) return "object";
        if ("[object Array]" == c || "number" == typeof a.length && "undefined" != typeof a.splice && "undefined" != typeof a.propertyIsEnumerable && !a.propertyIsEnumerable("splice")) return "array";
        if ("[object Function]" == c || "undefined" != typeof a.call && "undefined" != typeof a.propertyIsEnumerable && !a.propertyIsEnumerable("call")) return "function"
      } else return "null";
    else if ("function" == b && "undefined" == typeof a.call) return "object";
    return b
  };

  function h(a) {
    a = "" + a;
    if (/^\s*$/.test(a) ? 0 : /^[\],:{}\s\u2028\u2029]*$/.test(a.replace(/\\["\\\/bfnrtu]/g, "@").replace(/"[^"\\\n\r\u2028\u2029\x00-\x08\x10-\x1f\x80-\x9f]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, "]").replace(/(?:^|:|,)(?:[\s\u2028\u2029]*\[)+/g, ""))) try {
      return eval("(" + a + ")")
    } catch (b) {}
    throw Error("Invalid JSON string: " + a);
  }

  function i(a, b) {
    var c = [];
    j(new k(b), a, c);
    return c.join("")
  }

  function k(a) {
    this.a = a
  }

  function j(a, b, c) {
    switch (typeof b) {
      case "string":
        l(b, c);
        break;
      case "number":
        c.push(isFinite(b) && !isNaN(b) ? b : "null");
        break;
      case "boolean":
        c.push(b);
        break;
      case "undefined":
        c.push("null");
        break;
      case "object":
        if (null == b) {
          c.push("null");
          break
        }
        if ("array" == g(b)) {
          var f = b.length;
          c.push("[");
          for (var d = "", e = 0; e < f; e++) c.push(d), d = b[e], j(a, a.a ? a.a.call(b, "" + e, d) : d, c), d = ",";
          c.push("]");
          break
        }
        c.push("{");
        f = "";
        for (e in b) Object.prototype.hasOwnProperty.call(b, e) && (d = b[e], "function" != typeof d && (c.push(f), l(e, c), c.push(":"),
          j(a, a.a ? a.a.call(b, e, d) : d, c), f = ","));
        c.push("}");
        break;
      case "function":
        break;
      default:
        throw Error("Unknown type: " + typeof b);
    }
  }
  var m = {
      '"': '\\"',
      "\\": "\\\\",
      "/": "\\/",
      "\u0008": "\\b",
      "\u000c": "\\f",
      "\n": "\\n",
      "\r": "\\r",
      "\t": "\\t",
      "\x0B": "\\u000b"
    },
    n = /\uffff/.test("\uffff") ? /[\\\"\x00-\x1f\x7f-\uffff]/g : /[\\\"\x00-\x1f\x7f-\xff]/g;

  function l(a, b) {
    b.push('"', a.replace(n, function(a) {
      if (a in m) return m[a];
      var b = a.charCodeAt(0),
        d = "\\u";
      16 > b ? d += "000" : 256 > b ? d += "00" : 4096 > b && (d += "0");
      return m[a] = d + b.toString(16)
    }), '"')
  };
  window.JSON || (window.JSON = {});
  "function" !== typeof window.JSON.stringify && (window.JSON.stringify = i);
  "function" !== typeof window.JSON.parse && (window.JSON.parse = h);
})();

现在您可以致电:

var JSONString = JSON.stringify({name: 'value'});


1

使用jQuery时,通常不需要JSON.stringify()函数。以使用ajax将javascript数据发送到服务器的常见情况为例,jquery具有内置函数来处理此问题:(来自http://api.jquery.com/category/ajax/的示例)

$.post("test.php", { name: "John", time: "2pm" } );
$.post("test.php", { 'choices[]': ["Jon", "Susan"] });
$.getJSON("test.js", { name: "John", time: "2pm" }, function(json) {
    alert("JSON Data: " + json.users[3].name);
});

在上述所有示例中,发送的javascript数据均由jQuery自动序列化。

在这些情况下,序列化与JSON.Stringify()不同,而是将数据序列化为html查询字符串(请参阅:http : //en.wikipedia.org/wiki/Query_string#Structure)。

但是,这种形式的序列化适用于大多数(但不是全部)应用程序

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.