Ajax_02

91 阅读1分钟

XML

如何使用:

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

2、声明头部:

<?xml version='1.0' encoding='utf-8'?>

version:版本;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缺点:解析数据过于繁琐

JSON

JSON数据格式:Javascript Object Notation:js对象表示法

作用:数据格式 - 文本数据

1、认识【JSON字符串】:

1、'[1,2,3,4,5]';
2、'{"name":"xxx"}';
   *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字符串);

百度地图

步骤:

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

 9、特殊:百度地图更新分为:普通地图 和 GL版地图 两者不能混搭使用,其余都可以