url:访问地址
完整网络请求过程:
从输入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);
}
}
}
}