ajax初探

url：访问地址

域名：.com.net.cn.com.cn

完整网络请求过程：

从输入http://www.csdn.cn这个 url 之后，直到我的个人主页加载完成，中间过程到底发生了上面不可告人的秘密

过程：

1. 分析域名（gaxis）

2. TCP三次握手（嘿，我能连你吗？/完全OjbK啊。/那我连了啊。）

3. 建立TCP连接

4. 浏览器发起HTTP请求

5. 服务器响应请求（哇兄弟你找我了，我收拾一下给你的数据和应答码——这里可以展开讲服务器如何响应） 6. 浏览器解析html代码并请求html中的js/css/图片等资源 7. 浏览器进行页面渲染呈现给用户

 

三次握手：浏览器发送请求，服务器接收请求，服务器发送数据

四次挥手：浏览器接收数据后与服务器断开连接（确保安全性）

物理网址：在存储器里以字节为单位存储信息，为正确地存放或取得信息，每一个字节单元给以一个唯一的存储器地址，称为物理地址（Physical Address），又叫实际地址或绝对地址。如（来源百度）

英文网址：意义在于好记

DNS解析：解析ip地址  把英文地址解析成ip地址

输入网址到渲染页面整个过程

英文地址（好记）——DNS解析——物理地址（不是固定的，路由器决定）——发送http请求（并不能马上建立连接）——

三次沟通（三次握手（确保安全））——四次挥手（断开连接，保证安全，不能一直连接着）

 

from表单提交会刷新页面或者跳转新页面

ajax局部异步刷新数据

json数据格式（对象）ajaj  ：异步操作的获取json的一种技术

本地服务器访问：（file是本地文件）把www前面的删除 添加上localhost（Wampserver 软件） 

 

ajax模拟成订外卖的过程

订外卖：

1，设备：手机或电脑

2，app：美团。饿了么

3，打开app找  商家  商品（某某水煮肉片）

4，下单，（备注：不要辣）

5，监听信息，看商家是否接单和配送

6，开门  验货（确认是否是自己的） 处理

 

ajax：

1，设备：浏览器

2，ajax对象（相当于app）

3，ajax.open（method（请求方式），url（地址），ture（异步））初始化

4，ajax.send()；

5，监听 onreadystatechage  变回4的状态

6，status == 200（成功）3xx（重定向，页面自动跳转）   4xx（没有资源）  503（服务器错误）

 get请求：值在open上

post请求：值在send上，规定请求头

//封装好的 Ajax ：打开方式 地址 是否异步 回调函数 提交数据
function Ajax (method,address,flag,callBacks,data) {
	var xhr = null;
	if(window.XMLHttpRequest) {  //写兼容ie
		xhr = new XMLHttpRequest();
	} else {
		xhr = new ActiveXObject('Microsoft.XMLHTTP');
	}
	if (method == 'GET') { //判断请求方式
		xhr.open('GET',address,flag);
		xhr.send();		
	}else if (method == 'POST') {
		xhr.open('POST',address,flag);
		//post特有的请求头
		xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
		xhr.send(data);			
	}
	//发送请求后的回调
	xhr.onreadystatechange = function() {
		if ( xhr.readyState == 4 ) {
			if ( xhr.status == 200 ) {
				callBacks(xhr.responseText);
			} else {
				alert('出错了,Err：' + xhr.status);
			}
		}
		
	}	
}