JSON-js -JavaScript 中的 JSON。
要将对象转换为字符串,请使用JSON.stringify
:
var json_text = JSON.stringify(your_object, null, 2);
要将 JSON 字符串转换为对象,请使用JSON.parse
:
var your_object = JSON.parse(json_text);
John Resig最近推荐了它:
... 请开始将使用 JSON 的应用程序迁移到 Crockford 的 json2.js。它与 ECMAScript 5 规范完全兼容,并且在存在本机(更快!)实现的情况下可以优雅地降级。
实际上,昨天我刚刚在 jQuery 中进行了一次更改,该更改利用了 JSON.parse 方法(如果已存在),因为它已被完全指定。
我倾向于相信他在 JavaScript 问题上所说的话:)
所有现代浏览器 (以及许多较旧的较旧的浏览器 )都原生支持JSON 对象 。当前版本的 Crockford JSON 库仅会定义JSON.stringify
和JSON.parse
如果尚未定义),而不会保留任何浏览器本机实现。
我已经使用jquery-json 6 个月了,它的工作原理很棒。使用非常简单:
var myObj = {foo: "bar", "baz": "wockaflockafliz"};
$.toJSON(myObj);
// Result: {"foo":"bar","baz":"wockaflockafliz"}
我没有用过,但您可能想尝试Mark Gibson 编写的jQuery 插件
它添加了两个函数: $.toJSON(value)
, $.parseJSON(json_str, [safe])
。
不,序列化为 JSON 的标准方法是使用现有的 JSON 序列化库。如果您不希望这样做,那么您将不得不编写自己的序列化方法。
如果您需要有关如何执行此操作的指南,建议您检查一些可用库的源代码。
编辑:我不会出来说编写自己的序列化方法是不好的,但是您必须考虑到,如果使用格式正确的 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;
};
如果您不想使用外部库,则可以使用.toSource()
本机 JavaScript 方法,但这并不是完美的跨浏览器。
最好的方法是包括JSON对象的 polyfill。
但是,如果您坚持要在 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);
是的,在调用$.ajax
之前,您应该JSON.stringify
和JSON.parse
您的Json_PostData
:
$.ajax({
url: post_http_site,
type: "POST",
data: JSON.parse(JSON.stringify(Json_PostData)),
cache: false,
error: function (xhr, ajaxOptions, thrownError) {
alert(" write json item, Ajax error! " + xhr.status + " error =" + thrownError + " xhr.responseText = " + xhr.responseText );
},
success: function (data) {
alert("write json item, Ajax OK");
}
});
这基本上是两步过程:
首先,您需要像这样进行分类
var JSON_VAR = JSON.stringify(OBJECT_NAME, null, 2);
之后,您需要将字符串转换为 Object
var obj = JSON.parse(JSON_VAR);