jquery.parsejson跳脫怎麼用

2022-06-15 14:02:04

在jquery中,「jquery.parsejson()」函數用於將格式完好的JSON字串轉為與之對應的JavaScript物件;該函數要求指定的字串必須符合嚴格的JSON格式,若JSON格式不完好則會在跳脫過程中丟擲異常,語法為「$.parseJSON(需要解析並轉為JS物件的JSON格式字串)」。

本教學操作環境:windows10系統、jquery3.6.0版本、Dell G3電腦。

jquery.parsejson跳脫怎麼用

jQuery.parseJSON()函數用於將格式完好的JSON字串轉為與之對應的JavaScript物件。

語法為:

$.parseJSON( json )

json String型別 需要解析並轉為JS物件的JSON格式字串

所謂」格式完好」,就是要求指定的字串必須符合嚴格的JSON格式,例如:屬性名稱必須加雙引號、字串值也必須用雙引號。

如果傳入一個格式不」完好」的JSON字串將丟擲一個JS異常,例如:以下字串均符合JSON格式,但它們不是格式完好的JSON字串(因此會丟擲異常):

// 以下均是字串值,省略了兩側的引號,以便於展現內容
{id: 1} // id是屬性名稱,必須加雙引號
{'id': 1} // id是屬性名稱,必須用雙引號(不能用單引號)
{"name": 'CodePlayer'} // name屬性的值是字串,必須用雙引號(不能用單引號)

JSON標準不允許字串中出現」控制字元」,例如:一個Tab或換行符。

$.parseJSON('{"name": "Code\tPlayer\n"}');
 // 多數情況下,它會丟擲一個錯誤,因為JS解析器會將字串中的\t或\n等跳脫直接視作字面值,起到Tab或換行的效果。
//正確寫法應該如下(使用兩個反斜槓,以免被JS解析器直接跳脫\t或\n):
$.parseJSON('{"name": "Code\\tPlayer\\n"}');

如果瀏覽器提供了一個原生的JSON.parse()方法,則jQuery將使用它來解析JSON字串。

範例如下:

以下是與jQuery.parseJSON()函數相關的jQuery範例程式碼,以演示jQuery.parseJSON()函數的具體用法:

var result1 = $.parseJSON( "{}" ); // 一個空的Object物件
var result2 = $.parseJSON( '{ "name": "CodePlayer", "age": 1 }' ); // 一個Object物件
alert( result2.name ); // CodePlayer
var result3 = $.parseJSON( '[ 1, true, "CodePlayer" ]' ); // 一個Object物件
alert( result3[2] ); // CodePlayer
var result4 = $.parseJSON( 'true' ); // 布林值:true
var result5 = $.parseJSON( 'null' ); // null
var result6 = $.parseJSON( '0' ); // 整數:0
var result7 = $.parseJSON( '"專注於程式設計開發技術分享"' ); // 字串值:專注於程式設計開發技術分享
var result8 = $.parseJSON( "\"專注於程式設計開發技術分享\"" ); // 字串值:專注於程式設計開發技術分享
/* 以下均是無效的JSON字串或非常規的引數值 */
var result9 = $.parseJSON( 100 ); // 1.9之前返回null;1.9+返回100
var result10 = $.parseJSON( 1.23 ); // 1.9之前返回null;1.9+返回1.23
var result11 = $.parseJSON( true ); // 1.9之前返回null;1.9+返回true
var result12 = $.parseJSON( null ); // 返回null
var result13 = $.parseJSON( "" ); // 1.9之前返回null;1.9+丟擲錯誤
var result14 = $.parseJSON( undefined ); // 1.9之前返回null;1.9+丟擲錯誤
var result15 = $.parseJSON( "undefined" ); // 丟擲錯誤
var result16 = $.parseJSON( "12x;xx'無效的JSON字串x4546" ); // 丟擲錯誤
var result17 = $.parseJSON( '{ name: "CodePlayer", age: 1 }' ); // 丟擲錯誤
var result18 = $.parseJSON( '{ "name": \'CodePlayer\', "age": 1 }' ); // 丟擲錯誤
var result19 = $.parseJSON( '{ "name": "Code\tPlayer\n" }' ); // 丟擲錯誤

視訊教學推薦:

以上就是jquery.parsejson跳脫怎麼用的詳細內容,更多請關注TW511.COM其它相關文章!