原生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及以下不支持。

如图:

运行结果

 //创建对象XMLHttpRequestvar 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 韦邦杠阅读(...) 评论(...) 编辑收藏

原生ajax接收json字符串(简单介绍)相关推荐

java 接收json 字符串_spring接收json字符串的两种方式
一.前言前几天遇到一个问题,前端H5调用我的springboot一个接口(post方式,@RequestParameter接收参数),传入的参数接收不到.自己测试接口时使用postman的form- ...
java接收json字符串_JAVA后台接收前台传过来的json字符串并解析获得key 和value
前台代码: $.ajax({ type:"post", url:"project/updateProject", data:{ formdata: JSON.s ...
webapi接收json字符串
前端访问webapi <!DOCTYPE html> <html> <head><meta http-equiv="Content-Type&quo ...
ajax提交form表单后台@RequestBody接收json字符串
好久没搞ajax提交form表单了. 在修改过程中遇到报错: 1.Content type 'application/x-www-form-urlencoded;charset=UTF-8' not ...
原生ajax+php上传图片的简单实现
前端 <input type="file" onclick="updown" accept="image/png,image/gif" ...
JSON的简单介绍以及C语言的JSON库使用
本文转自:https://www.cnblogs.com/liunianshiwei/p/6087596.html JSON概述 JSON: JavaScript 对象表示法( JavaScript ...
ajax 接收json数据的进一步了解
var url = "../searchclasses";$.ajax({url: url,type: "post",dataType: "json& ...
AJAX学习基础：简单介绍数据岛使用方法
数据岛指的是存在Html网页中的xml代码段,它在Html中形成了一个数据的集合,数据岛允许我们在Html网页中集成xml, 对xml编写脚本. 数据岛有它特有的形式,由标记xml开始 ...
前端接收 json 字符串，转数组后 id 精度丢失问题处理
1.安装 json-bigint 插件 npm install json-bigint 2.在使用的页面引入 import jsonBigint from 'json-bigint'; 3.接收到数据 ...
ajax前台获取json,ajax与json 获取数据并在前台使用简单实例
ajax与json 获取数据并在前台使用简单实例发布于 2017-05-18 14:05:38 | 63 次阅读 | 评论: 0 | 来源: 网友投递 AjaxAJAX即"Asynchro ...

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

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

什么是json？

什么是json字符串？

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

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

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

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

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

如图:

运行结果

原生ajax接收json字符串(简单介绍)相关推荐

最新文章

热门文章