在jquery中,「jquery.parsejson()」函數用於將格式完好的JSON字串轉為與之對應的JavaScript物件;該函數要求指定的字串必須符合嚴格的JSON格式,若JSON格式不完好則會在跳脫過程中丟擲異常,語法為「$.parseJSON(需要解析並轉為JS物件的JSON格式字串)」。
本教學操作環境:windows10系統、jquery3.6.0版本、Dell G3電腦。
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其它相關文章!