Ajax数据格式

153 阅读2分钟
1、XML数据格式:

面试题: HTML、XHTML、DHTML、XML分别是什么?

  1. HTML - 网页(预定义标签)
  2. XHTML - 更严格的网页
  3. DHTML - 动态效果的网页:并不是新技术,只是统称:HTML+CSS+JS(dom)
  4. XML - 配置文件|数据格式 - 现在几乎没人使用,因为最流行的是JSON - 未知的标签语言(没有任何一个预定义的标签,所有标签都需要你自定义)

如何使用:

  1. 创建后缀名.xml的文件

  2. 声明头部: version:版本只能用1.0,还有1.1,但是1.1版本几乎无人使用,所以1.0是目前唯一的版本,而且以后都不用学习新的了 encoding:设置中文编码

  3. 创建一个根标签:必须是双标签,只能有一个 - 标签名你随意

  4. 里面想放什么标签,你随意

  5. 打开查看:apache打开,依然使用服务器端方式进行访问

  6. 前端依然使用ajax获取xml数据:

    不同:
       1、url->"xx.xml";
       2、xhr.reponseText->xhr.responseXML;
    
     	var xhr=new XMLHttpRequest();
     	xhr.open("GET","01我们的第一个xml文件.xml");
     	xhr.send(null);
     	xhr.onreadystatechange=()=>{
     		if(xhr.readyState==4&&xhr.status==200){
     			var dom=xhr.responseXML;//返回的dom我们可以使用核心DOM进行解析数据
     		}
     	}
    
     XML缺点:解析数据过于繁琐
     1、以后根本不会见到
     2、以后就算见到也不会是一个xml文件
    
2、*****JSON数据格式:Javascript Object Notation:js对象表示法

作用: 数据格式 - 文本数据 比XML更简洁,更快,更容易解析

1、认识【JSON字符串】:

1、'[1,2,3,4,5]';
2、'{"name":"代老湿"}';
   *3、'[{},{},{},{}]';
4、'{"names":[姓名1,姓名2,...],"age":[年龄1,年龄2,...]}'

2、服务器端如何将数据变为JSON字符串:

PHP:echo JSON_encode($arr);
Node:JSON.stringify(arr);

3、前端如何将JSON字符串拿到变为JSON对象:

1eval("("+json字符串+")");
2JSON.parse(json字符串);