JSON

JSON是一种数据格式 window里有个内置的JSON对象，存放处理JSON格式的方法 只能转化JSON类型的数据 转换其他类型的会报错 JSON.stringify() 把JSON格式的对象转成字符串 JSON.parse() 把JSON格式的字符串转成对象

  1. let obj = {
  2.     "person": [
  3.         { 
  4.             "name": "曹亚倩",
  5.             "age":20
  6.         },
  7.         { 
  8.             "name": "易烊千玺",
  9.             "age":20
  10.         },
  11.         { 
  12.             "name": "王源",
  13.             "age":20
  14.         },
  15.         { 
  16.             "name": "王俊凯",
  17.             "age":20
  18.         }
  20.     ]
  21. };
  22. //JSON对象转成字符串============================
  23. let rst=JSON.stringify(obj);
  24. console.log(rst);
  25. //{"person":[{"name":"曹亚倩","age":20},{"name":"易烊千玺","age":20},{"name":"王源","age":20},{"name":"王俊凯","age":20}]}
  27. //JSON格式的字符串整成对象=============
  28. let str = '[{"name":"曹亚倩"},{"name":"易烊千玺"}]';
  29. console.log(JSON.parse(str));//输出：[{"name":曹亚倩},{"name":易烊千玺}]
  31. // let str2="1,2,3";
  32. // console.log(JSON.parse(str2)); //会报错 不能解析别的格式的数据

image.png

AJAX

AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 AJAX是JS中获取数据的一种技术

  1. //1.创建ajax引擎对象----所有操作都是由ajax引擎完成
  2. let xmlHttp =new XMLHttpRequest();
  3. //2.绑定服务地址
  4. //  参数
  5. //      +请求方式GET/POST
  6. //      +后台服务器地址
  7. //      +是否是异步 true--异步   false--同步
  8. xmlHttp.open("GET","./json/product.json",false);
  9. //3.为引擎对象绑定监听事件
  10. xmlHttp.onreadystatechange=function(){
  11.     if(xmlHttp.readyState===4&&xmlHttp.status===200){
  12.         //接收响应信息
  13.         let data=xmlHttp.responseText;
  14.         //Json字符串转JSon对象
  15.         let json=JSON.parse(data);
  16.         console.log(json);
  17.     }
  18. };
  19. //4.发送请求
  20. xmlHttp.send();