14ajax1异步交互-地图

140 阅读3分钟

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版