分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

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

发布时间:2023-09-06 02:09责任编辑:胡小海关键词:jsjson

什么是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字符串(简单介绍)

原文地址:https://www.cnblogs.com/weibanggang/p/9462958.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved