jQuery.parseJSON()函數(shù)詳解
jQuery.parseJSON()函數(shù)用于將格式完好的JSON字符串轉(zhuǎn)為與之對(duì)應(yīng)的JavaScript對(duì)象。
所謂”格式完好”,就是要求指定的字符串必須符合嚴(yán)格的JSON格式,例如:屬性名稱必須加雙引號(hào)、字符串值也必須用雙引號(hào)。
如果傳入一個(gè)格式不”完好”的JSON字符串將拋出一個(gè)JS異常,例如:以下字符串均符合JSON格式,但它們不是格式完好的JSON字符串(因此會(huì)拋出異常):
// 以下均是字符串值,省略了兩側(cè)的引號(hào),以便于展現(xiàn)內(nèi)容 {id: 1} // id是屬性名稱,必須加雙引號(hào) {'id': 1} // id是屬性名稱,必須用雙引號(hào)(不能用單引號(hào)) {"name": 'CodePlayer'} // name屬性的值是字符串,必須用雙引號(hào)(不能用單引號(hào))
JSON標(biāo)準(zhǔn)不允許字符串中出現(xiàn)”控制字符”,例如:一個(gè)Tab或換行符。
$.parseJSON('{"name": "Code\tPlayer\n"}'); // 多數(shù)情況下,它會(huì)拋出一個(gè)錯(cuò)誤,因?yàn)镴S解析器會(huì)將字符串中的\t或\n等轉(zhuǎn)義直接視作字面值,起到Tab或換行的效果。 //正確寫法應(yīng)該如下(使用兩個(gè)反斜杠,以免被JS解析器直接轉(zhuǎn)義\t或\n): $.parseJSON('{"name": "Code\\tPlayer\\n"}');
如果瀏覽器提供了一個(gè)本地的JSON.parse()方法,則jQuery將使用它來解析JSON字符串。
在jQuery 1.9之前(不含1.9):如果傳入一個(gè)空字符串、null或undefined,該函數(shù)將返回null,而不是拋出一個(gè)錯(cuò)誤,即使它不是有效的JSON字符串。
該函數(shù)屬于全局的jQuery對(duì)象。
語法
jQuery 1.4.1 新增該靜態(tài)函數(shù)。
jQuery.parseJSON( jsonString ) 參數(shù)
參數(shù) 描述 jsonString String類型需要解析并轉(zhuǎn)為JS對(duì)象的JSON格式字符串。 返回值
jQuery.parseJSON()函數(shù)的返回值為任意類型,返回解析指定JSON字符串后的JavaScript表示。
示例&說明
以下是與jQuery.parseJSON()函數(shù)相關(guān)的jQuery示例代碼,以演示jQuery.parseJSON()函數(shù)的具體用法:
var result1 = $.parseJSON( "{}" ); // 一個(gè)空的Object對(duì)象 var result2 = $.parseJSON( '{ "name": "CodePlayer", "age": 1 }' ); // 一個(gè)Object對(duì)象 alert( result2.name ); // CodePlayer var result3 = $.parseJSON( '[ 1, true, "CodePlayer" ]' ); // 一個(gè)Object對(duì)象 alert( result3[2] ); // CodePlayer var result4 = $.parseJSON( 'true' ); // 布爾值:true var result5 = $.parseJSON( 'null' ); // null var result6 = $.parseJSON( '0' ); // 整數(shù):0 var result7 = $.parseJSON( '"專注于編程開發(fā)技術(shù)分享"' ); // 字符串值:專注于編程開發(fā)技術(shù)分享 var result8 = $.parseJSON( "\"專注于編程開發(fā)技術(shù)分享\"" ); // 字符串值:專注于編程開發(fā)技術(shù)分享
/* 以下均是無效的JSON字符串或非常規(guī)的參數(shù)值 */ 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+拋出錯(cuò)誤 var result14 = $.parseJSON( undefined ); // 1.9之前返回null;1.9+拋出錯(cuò)誤 var result15 = $.parseJSON( "undefined" ); // 拋出錯(cuò)誤 var result16 = $.parseJSON( "12x;xx'無效的JSON字符串x4546" ); // 拋出錯(cuò)誤 var result17 = $.parseJSON( '{ name: "CodePlayer", age: 1 }' ); // 拋出錯(cuò)誤 var result18 = $.parseJSON( '{ "name": \'CodePlayer\', "age": 1 }' ); // 拋出錯(cuò)誤 var result19 = $.parseJSON( '{ "name": "Code\tPlayer\n" }' ); // 拋出錯(cuò)誤
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,謝謝大家對(duì)腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請(qǐng)查看下面相關(guān)鏈接
- 詳解jQuery-each()方法
- 使用jquery的cookie實(shí)現(xiàn)登錄頁記住用戶名和密碼的方法
- Jquery的autocomplete插件用法及參數(shù)講解
- JS/jQuery實(shí)現(xiàn)獲取時(shí)間的方法及常用類完整示例
- PHP結(jié)合jquery ajax實(shí)現(xiàn)上傳多張圖片,并限制圖片大小操作示例
- jQuery each和js forEach用法比較
- 原生JS forEach()和map()遍歷的區(qū)別、兼容寫法及jQuery $.each、$.map遍歷操作
- PHP+jQuery實(shí)現(xiàn)雙擊修改table表格功能示例
- PHP+jQuery實(shí)現(xiàn)即點(diǎn)即改功能示例
- 簡單易擴(kuò)展可控性強(qiáng)的Jquery轉(zhuǎn)盤抽獎(jiǎng)程序
相關(guān)文章
網(wǎng)頁前端優(yōu)化之滾動(dòng)延時(shí)加載圖片示例
做web開發(fā)的朋友都應(yīng)該掌握前端優(yōu)化這個(gè)技巧,其中一個(gè)就是滾動(dòng)延時(shí)加載。這個(gè)技巧應(yīng)用在了很多地方,比如新浪微博網(wǎng)頁版。以下就為大家詳細(xì)介紹,需要的朋友可以參考下2013-07-07增強(qiáng)用戶體驗(yàn)友好性之jquery easyui window 窗口關(guān)閉時(shí)的提示
在項(xiàng)目中,客戶提出這么個(gè)要求,就是在關(guān)閉彈出的窗口的時(shí)候,如果點(diǎn)擊 紅X 或 取消按鈕 則提示 ”確認(rèn)保存了當(dāng)前的操作“ 這么個(gè)信息,否則就不提示啦2012-06-06HTML5使用DeviceOrientation實(shí)現(xiàn)搖一搖功能
這篇文章主要介紹了HTML5使用DeviceOrientation實(shí)現(xiàn)搖一搖功能的相關(guān)資料,需要的朋友可以參考下2015-06-06jQuery中hover方法搭配css的hover選擇器,實(shí)現(xiàn)選中元素突出顯示方法
下面小編就為大家?guī)硪黄猨Query中hover方法搭配css的hover選擇器,實(shí)現(xiàn)選中元素突出顯示方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-05-05jQuery實(shí)現(xiàn)html雙向綁定功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)html雙向綁定功能,涉及jQuery針對(duì)HTML頁面元素事件綁定相關(guān)操作技巧,需要的朋友可以參考下2017-10-10jQuery中:last-child選擇器用法實(shí)例
這篇文章主要介紹了jQuery中:last-child選擇器用法,實(shí)例分析了:last-child選擇器功能、定義及匹配父元素的最后一個(gè)子元素用法技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12