JavaScript中的跨瀏覽器JSON序列化
- Joseph Gordon-Levitt原創
- 2025-03-09 00:53:09285瀏覽
在本文中，我們將研究對象序列化，當前瀏覽器實現的好處，並開發一些可以幫助您基於AJAX的項目的代碼。
假設我們使用文字符號定義了一個相當複雜的JavaScript對象：
var obj1 = {
b1: true,
s1: "text string",
n1: 12345,
n2: null,
n3: undefined,
a1: [ 1,1,2,3,5,8, [13, 21, 34] ],
o1: {
a: [3, 2, 1],
b: {
c: 42,
d: [ 3.14, 1.618 ]
}
}
};
我們可以以多種方式訪問任何對象屬性：
obj1.s1; // returns "text string" obj1["n1"]; // returns 12345 obj1.a1[6][1]; // returns 21 obj1["o1"]["b"]["c"]; // returns 42該對像也可以傳遞給JavaScript函數和方法，而不是指定單個參數。有用的東西。 但是，如果我們需要將此對象存儲在cookie中怎麼辦？如果我們需要通過AJAX請求將對像傳遞到Web服務怎麼辦？如果該Web服務要返回對象的修改版本怎麼辦？答案是序列化：
- 序列化是將任何對像變成字符串的過程。
> > de-Serialization將字符串轉回本機對象。
- 也許我們可以在JavaScript中使用的最佳字符串表示法是JSON - JavaScript對象表示法。 JSON是一種受JavaScript對象文字符號啟發的輕量級數據交換格式，如上所示。 JSON得到PHP和許多其他服務器端語言的支持（請參閱JSON.org）。 JavaScript中有兩種JSON方法：
- obj
- ） - 將JavaScript對象轉換為JSON String > json.parse（ str
- ） - 將json字符串轉換回JavaScript對象 不幸的是，很少有瀏覽器提供這些方法。迄今為止，僅Firefox 3.5，Internet Explorer 8.0和Chrome 3 Beta提供本地支持。一些JavaScript庫提供了自己的JSON工具（例如YUI ）但是許多人沒有（包括jQuery）。 但是，一切都沒有丟失 - JavaScript是靈活的，只要瀏覽器需要它們，我們就可以實現JSON Stringify和解析方法。 在代碼的頂部，我們將創建一個JSON變量，該變量指向本機JSON對像或一個空對象，如果它不可用： JSON.STRINGIFY代碼更為複雜：
var JSON = JSON || {};
// implement JSON.stringify serialization
JSON.stringify = JSON.stringify || function (obj) {
var t = typeof (obj);
if (t != "object" || obj === null) {
// simple data type
if (t == "string") obj = '"'+obj+'"';
return String(obj);
}
else {
// recurse array or object
var n, v, json = [], arr = (obj && obj.constructor == Array);
for (n in obj) {
v = obj[n]; t = typeof(v);
if (t == "string") v = '"'+v+'"';
else if (t == "object" && v !== null) v = JSON.stringify(v);
json.push((arr ? "" : '"' + n + '":') + String(v));
}
return (arr ? "[" : "{") + String(json) + (arr ? "]" : "}");
}
};
字符串值添加了引號。 - >
- 兒童數組或對像被遞歸傳遞到JSON.STRINGIFY函數。 將結果值添加到JSON []數組的末尾，作為“名稱：值”字符串，或者僅是數組項的單個值。
- >最後，JSON數組轉換為逗號刪除列表，並在數組[]或Object {}中返回必要時支架。
var obj1 = {
b1: true,
s1: "text string",
n1: 12345,
n2: null,
n3: undefined,
a1: [ 1,1,2,3,5,8, [13, 21, 34] ],
o1: {
a: [3, 2, 1],
b: {
c: 42,
d: [ 3.14, 1.618 ]
}
}
};
這將JSON字符串轉換為對象（）。
在您急於在所有項目中實施JSON序列化功能之前，有一些陷阱：
- 此代碼已故意保持短缺。它在大多數情況下都會起作用，但是與本機JSON.Stringify和JSON.PARSE方法。 並非支持每個JavaScript對象。例如，date（）將返回一個空對象，而本機JSON方法將其編碼為日期/時間字符串。
- 代碼將序列化函數，例如var obj1 = {myfunc：function（x）{}};而本機JSON方法不會。 >
- 非常大的對象會丟棄遞歸錯誤。
- 在JSON.PARSE中使用est（）的使用本質上是風險的。如果您調用自己的Web服務，那將不是問題，但是對第三方應用程序的電話可能會意外或故意破壞您的頁面並引起安全問題。如有必要，可從json.org獲得更安全（但較慢）的JavaScript解析器。 希望您發現代碼有用。隨時在自己的項目中使用它。 資源文件：
- json序列化演示頁
- 完整的JavaScript代碼（JSON-Serialization.js）
- >在zip文件中下載完整代碼
- 相關閱讀：
- 如何開發jQuery插件
- >如何構建自動擴展textarea jQuery插件
- 即將推出：JSON Serialization的有用應用…
>
如何在JavaScript？json.stringify（）中是JavaScript中的一種方法，將javascript對象轉換為json字符串。這是一個簡單的例子：
在此示例中，在此示例中，使用Javascript對象“ json” json in json in json in json in json in json in json ins in jons ins in json ins string ins in jons ins in json ins string ins string ins string string string（ 'myjson'。
>我可以在javascript中序列化數組嗎？此方法不僅可以與簡單的數組，還可以與對像數組一起使用。這是一個示例：
>如何在JavaScript中的JSON字符串？ let myJSON = '{"name":"John", "age":30, "city":"New York"}';
let obj = JSON.parse(myJSON);
console.log(obj);
In this example, the JSON string ‘myJSON’ is converted back into a JavaScript object using JSON.PARSE（）。
>如果我嘗試在JavaScript中序列化函數？
>如果您嘗試使用JSON.STRINGIFY（）在JavaScript中序列化函數，該函數將被忽略並且不會出現在結果的JSON字符串中。這是因為JSON是一種數據格式，並且不支持JavaScript的執行能力。
我可以在JavaScript中自定義序列化過程？這使您可以在序列化過程中過濾或修改它們。
> JavaScript JSON序列化中有什麼非常打印的？
非常打印是一種以更可讀的方式格式化所得JSON字符串的方法。這是通過將數字作為JSON.STRINGIFY（）的第三個參數來完成的，該數字代表要用於凹痕的空間數量。
我可以在javascript中序列化並在javascript？
中進行序列化日期，但是需要一些額外的步驟。默認情況下，當您在JavaScript中序列化日期對象時，它將以ISO格式轉換為字符串。當您對其進行估算化時，它不會自動轉換回日期對象。您需要使用新的date（）構造函數。當對象具有tojson（）方法時，json.stringify（）調用它并序列化其返回的值，而不是原始對象。 我可以在JSON序列化時處理大型數字嗎？ JavaScript可以準確地表示最多2^53 - 1的數字。如果您需要序列化數字，則可能需要先將其轉換為字符串，以避免精確損失。
>
let myJSON = '{"name":"John", "age":30, "city":"New York"}';
let obj = JSON.parse(myJSON);
console.log(obj);
In this example, the JSON string ‘myJSON’ is converted back into a JavaScript object using JSON.PARSE（）。
>如果我嘗試在JavaScript中序列化函數？
>如果您嘗試使用JSON.STRINGIFY（）在JavaScript中序列化函數，該函數將被忽略並且不會出現在結果的JSON字符串中。這是因為JSON是一種數據格式，並且不支持JavaScript的執行能力。
我可以在JavaScript中自定義序列化過程？這使您可以在序列化過程中過濾或修改它們。
> JavaScript JSON序列化中有什麼非常打印的？
非常打印是一種以更可讀的方式格式化所得JSON字符串的方法。這是通過將數字作為JSON.STRINGIFY（）的第三個參數來完成的，該數字代表要用於凹痕的空間數量。我可以在javascript中序列化並在javascript？
中進行序列化日期，但是需要一些額外的步驟。默認情況下，當您在JavaScript中序列化日期對象時，它將以ISO格式轉換為字符串。當您對其進行估算化時，它不會自動轉換回日期對象。您需要使用新的date（）構造函數。當對象具有tojson（）方法時，json.stringify（）調用它并序列化其返回的值，而不是原始對象。我可以在JSON序列化時處理大型數字嗎？ JavaScript可以準確地表示最多2^53 - 1的數字。如果您需要序列化數字，則可能需要先將其轉換為字符串，以避免精確損失。
>以上是JavaScript中的跨瀏覽器JSON序列化的詳細內容。更多資訊請關注PHP中文網其他相關文章！
php JavaScript json firefox jquery ajax chrome String Array Object Resource define if for date format Cookie try throw Filter auto break using finally Property var JS console number function default constructor this Access web services Other
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn