原生ajax接收json字符串(简单介绍)
Posted 邦☆杠
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生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); } }
以上是关于原生ajax接收json字符串(简单介绍)的主要内容,如果未能解决你的问题,请参考以下文章