首頁 > web前端 > js教程 > 主體

jquery怎麼操作json

coldplay.xixi
發布: 2023-01-04 09:36:58
原創
3355 人瀏覽過

jquery操作json的方法:1、使用【jquery中的$.parseJSON()】方法;2、使用js中eval來強轉;3、使用瀏覽器自帶的【JSON.parse( )】方法。

jquery怎麼操作json

本教學操作環境:windows7系統、jquery3.2.1版本、thinkpad t480電腦。

推薦:jquery影片教學

jquery操作json的方法:

第一種方法:使用jquery中的$.parseJSON(),但是它對json資料格式的要求較高,必須要雙引號包圍起來

<script type="text/javascript">    
    //第一种:使用jquery中自带的$.parseJSON()函数
    var jsonStr1 = "{\"name\":\"盖伦\"}";    
    var jsonStr2 = &#39;{"name":"不祥之刃"}&#39;;
    var a = $.parseJSON(jsonStr1);
    console.log("这是一个json对象:",a);
    console.log(a.name);
    var c = $.parseJSON(jsonStr2);
    console.log("这是一个json对象:",c);
    
    //这种方式是错误的
    var jsonStr3 = "{name:&#39;不详之刃&#39;}";    //没有双引号包围起来
    var b = $.parseJSON(jsonStr3);
    console.log(b);
    
</script>
登入後複製

第二種方法: 使用js中eval來強轉

優點是對json格式要求沒有那麼嚴格,但是在處理複雜json資料時不好,例如含有物件的

//第2种:js里的方法使用eval来解析jason字符串
    var jsonstr1="[{\"id\":\"1\",\"name\":\"张三\"},{&#39;id&#39;:2,&#39;name&#39;:&#39;李四&#39;},{id:3,name:&#39;王五&#39;}]";
    //上面这三种写法不论是用单引号包裹或者双引号包裹或不包裹,都可以用eval解析过来
    var obj = eval(&#39;(&#39;+jsonstr1+&#39;)&#39;);
    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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板