Rumah > hujung hadapan web > tutorial js > jquery怎么操作json

jquery怎么操作json

coldplay.xixi
Lepaskan: 2023-01-04 09:36:58
asal
3356 orang telah melayarinya

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>
Salin selepas log masuk

第二种方法:使用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);
Salin selepas log masuk

第三种方法:使用浏览器自带的JSON.parse()

与jquery一样,对json格式要求较高

//第3种:使用浏览器自带的JSON.parse
    var jsonStr="{\"id\":\"4\",\"name\":\"王五\"}";
    var obj = JSON.parse(jsonStr); 
    console.log(obj);
Salin selepas log masuk

相关免费学习推荐:javascript(视频)

Atas ialah kandungan terperinci jquery怎么操作json. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan