jquery怎么操作dom_ajax的原理和作用[通俗易懂]

jquery怎么操作dom_ajax的原理和作用[通俗易懂]jquery操作json的方法:1、使用【jquery中的$.parseJSON()】方法;2、使用js中eval来强转;3、使用浏览器自带的【JSON.parse()】方法

jquery怎么操作dom_ajax的原理和作用[通俗易懂]

jquery操作json的方法:1、使用【jquery中的$.parseJSON()】方法;2、使用js中eval来强转;3、使用浏览器自带的【JSON.parse()】方法。

本教程操作环境:windows7系统、jquery3.2.1版本,该方法适用于所有品牌电脑。

推荐:jquery视频教程

jquery操作json的方法:

第一种方法:使用jquery中的$.parseJSON(),但是它对json数据格式的要求较高,必须要双引号包围起来

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

第二种方法:使用js中eval来强转

优点是对json格式要求没有那么严格,但是在处理复杂json数据时不好,例如含有对象的

1

2

3

4

5

6

//第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格式要求较高

1

2

3

4

//第3种:使用浏览器自带的JSON.parse

    var jsonStr=”{\”id\”:\”4\”,\”name\”:\”王五\”}”;

    var obj = JSON.parse(jsonStr);

    console.log(obj);

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

今天的文章jquery怎么操作dom_ajax的原理和作用[通俗易懂]分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/69694.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注