1、概念: 同步交互:客户端向服务器端发送请求,直到服务器端进行响应的全过程,用户是不能做其他事情的(等) 典型:网址请求、表单请求 - 都是属于同步交互
异步交互:客户端向服务器端发送请求,直到服务器端进行响应的全过程,用户是可以做其他事情的(不等)
典型:ajax请求
2、ajax:asynchronous javascript and xml:直译:异步的javascript和xml 不严格的定义:页面不会完全的刷新,只会导致局部页面发生改变 其实我们很早之前就已经见过一个异步技术了: 1、定时器 - 定时器里面的内容再耗时也不会卡主后续代码 - 做特效 2、ajax - 目的:在不刷新页面的情况下也可以和服务器端进行交互沟通,【可以将服务器端的数据放到前端】
3、如何使用:4个固定步骤 1、创建ajax的核心对象XMLHttpRequest - 简称XHR对象 var xhr=new XMLHttpRequest();
2、建立和服务器端的连接
xhr.open("GET/POST","xx.php");
3、向服务器发送请求
xhr.send("key=value&key=value&...");
特殊:
1、如果是GET请求,send方法会失效,但是还不能省略不写,必须写为xhr.send(null),请求消息放到url?后面
xhr.open("GET","xx.php?key=value&...");
xhr.send(null);
2、如果是POST请求,send方法可用,但是需要在之前设置请求头部
xhr.open("POST","xx.php");
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.send("key=value&...");
4、设置状态事件监听
xhr.onreadystatechange=()=>{
if(xhr.readyState==4&&xhr.status==200){
xhr.responseText;//response:响应。接收到服务器的响应:php放在页面上的一切东西 - 难在拿到东西你要干什么
}
}
上午练习: 1、随便写php,保证ajax可以拿到后端页面上的内容(后端echo的东西),不管get还是post都可以 2、你和对象的对话 3、真正的注册+根据数据库中所有的用户数据渲染了表格,并且支持删除操作:前端做不做验证,后端都要做验证
4、咖啡要加上百度地图:没难度 定位技术:GPS - 美国(缺陷:1、安全性 2、版权费) 北斗 - 中国:最初军用 - 惯性定位:不准确 后期民用 - 添加卫星:物联网 - 物体联网,车联网 基站 - 手机信号可以定位:不准确,一个基站覆盖范围大概半径1公里 ip
百度地图、高德地图 - gps定位:
如何使用:
1、打开百度搜索百度地图开放平台
2、注册/登录
3、拉到最下面申请注册为百度开发者
4、控制台->应用管理->我的应用->创建应用
5、创建应用时:注意:1、应用类型:浏览器端 2、白名单:*
6、恭喜你获得了密钥ak
7、鼠标放到导航条上开发文档->javascript API->示例DEMO->挑选你喜欢的地图,可以将多个喜欢的汇总为一个
切记:
1、密钥要用上
2、看清楚版本有的版本不能汇总:
老版本:未加gl版 - 几乎被淘汰了
新版本:gl版