jquery操作json的方法:1、使用【jquery中的$.parseJSON()】方法;2、使用js中eval來強轉;3、使用瀏覽器自帶的【JSON.parse( )】方法。
本教學操作環境:windows7系統、jquery3.2.1版本、thinkpad t480電腦。
推薦:jquery影片教學
jquery操作json的方法:
第一種方法:使用jquery中的$.parseJSON()
,但是它對json資料格式的要求較高,必須要雙引號包圍起來
<script type="text/javascript"> //第一种:使用jquery中自带的$.parseJSON()函数 var jsonStr1 = "{\"name\":\"盖伦\"}"; var jsonStr2 = '{"name":"不祥之刃"}'; var a = $.parseJSON(jsonStr1); console.log("这是一个json对象:",a); console.log(a.name); var c = $.parseJSON(jsonStr2); console.log("这是一个json对象:",c); //这种方式是错误的 var jsonStr3 = "{name:'不详之刃'}"; //没有双引号包围起来 var b = $.parseJSON(jsonStr3); console.log(b); </script>
第二種方法: 使用js中eval來強轉
優點是對json格式要求沒有那麼嚴格,但是在處理複雜json資料時不好,例如含有物件的
//第2种:js里的方法使用eval来解析jason字符串 var jsonstr1="[{\"id\":\"1\",\"name\":\"张三\"},{'id':2,'name':'李四'},{id:3,name:'王五'}]"; //上面这三种写法不论是用单引号包裹或者双引号包裹或不包裹,都可以用eval解析过来 var obj = eval('('+jsonstr1+')'); console.log(obj); console.log(obj[0].name);
第三種方法:使用瀏覽器自帶的JSON.parse()
#與jquery一樣,對json格式要求較高
//第3种:使用浏览器自带的JSON.parse var jsonStr="{\"id\":\"4\",\"name\":\"王五\"}"; var obj = JSON.parse(jsonStr); console.log(obj);
#相關免費學習推薦:javascript(影片)
以上是jquery怎麼操作json的詳細內容。更多資訊請關注PHP中文網其他相關文章!