原生ajax接收json字符串(简单介绍)

原生ajax接收json字符串(简单介绍)

什么是json？

JSON的全称是 Javascript Object Notation（javascript对象表示法），是基于javascript对象字面量，如果单从眼睛看，JSON里的数据是被保存在花括号里面-- {},如果在用途上面进一步分析，JSON是一种数据交换格式。JSON内部以 名称:值这种格式排列，如下面的json1，就是一个json对象。

var json2={"name":"张三","age":21,"sex":"boy"}

什么是json字符串？

如其字面意思，给json两边加上双引号（或者单引号），为了避免与内部的双引号冲突，我们这外面放单引号，就成了json字符串了，如下面的json2

var json2='{"name":"张三","age":21,"sex":"boy"}'

方法一:使用eval方法将json字符串解析成为json对象

evel不存在兼容性问题，但是会有安全漏洞。

方法二:使用JSON.parse方法将json字符串解析称为json对象

JSON.parse不存在安全漏洞，但是会有兼容性，IE8及以下不支持。

如图:

运行结果

 

 

 //创建对象XMLHttpRequest
          var ajax=new XMLHttpRequest();
          //创建http请求，设置请求地址
          ajax.open("get","testservlet.do");
          //发送请求 (get为null post为参数)
          ajax.send(null);
          //给ajax设置事件(这里最多感知4[1-4]个状态)
        ajax.onreadystatechange = function(){
            //5.获取响应
            //responseText        以字符串的形式接收服务器返回的信息
            //console.log(ajax.readyState);
            if(ajax.readyState == 4 && ajax.status == 200){
                //使用JSON.parse方法将json字符串解析称为json对象
                var data = JSON.parse(ajax.responseText);
                console.log(data.data);
                //使用eval方法将json字符串解析成为json对象
                var data1=eval("("+ajax.responseText+")");
                console.log(data1.data);

            }
        }

 

posted @ 2018-08-12 14:31 韦邦杠 阅读( ...) 评论( ...) 编辑 收藏