zoukankan      html  css  js  c++  java
  • 原生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);
    
                }
            }
  • 相关阅读:
    CS224n, lec 10, NMT & Seq2Seq Attn
    CS231n笔记 Lecture 11, Detection and Segmentation
    CS231n笔记 Lecture 10, Recurrent Neural Networks
    CS231n笔记 Lecture 9, CNN Architectures
    CS231n笔记 Lecture 8, Deep Learning Software
    CS231n笔记 Lecture 7, Training Neural Networks, Part 2
    pytorch坑点排雷
    Sorry, Ubuntu 17.10 has experienced an internal error
    VSCode配置python插件
    tmux配置与使用
  • 原文地址:https://www.cnblogs.com/weibanggang/p/9462958.html
Copyright © 2011-2022 走看看