AJAX XML json 百度地图

154 阅读2分钟

1、xml数组格式

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

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

如何使用:

1、创建后缀名.xml的文件
2、声明头部:<?xml version='1.0' encoding='utf-8'?>
	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);
NodeJSON.stringify(arr);

3、前端如何将JSON字符串拿到变为JSON对象:
1eval("("+json字符串+")");
2JSON.parse(json字符串);

3、百度地图: 步骤:

 1、打开百度搜索 百度地图开放平台
 2、注册/登录 百度账号
 3、拉到最下面 注册成为开发者
 4、来到控制台->应用管理->我的应用->创建应用
 5、应用的名称随意->浏览器端应用->白名单:填入*
 6、成功获取到百度提供的密钥
 7、打开导航条里面的开发文档->javascript API->示例DEMO
 8、挑选你喜欢的百度地图:梭代码->改文字,改经纬度
 9、特殊:百度地图更新分为:普通地图 和 GL版地图 两者不能混搭使用,其余都可以