url页面加载过程

本文详细解析了从输入URL到页面加载显示完成的全过程,包括DNS解析、HTTP三次握手、服务器请求响应及资源缓存机制。同时,介绍了AJAX技术原理,包括XMLHttpRequest对象的创建、请求方法设置、头部信息配置、回调函数设定、请求发送及页面更新步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.输入URL到页面加载显示完成的发生了什么?

浏览器根据请求的URL交给DNS域名解析得到真正的IP地址,向服务器发送请求;HTTP三次握手,浏览器与服务器建立连接会话;服务器接收处理请求返回报头,此处如果浏览器访问过,缓存上有对应资源,会与服务器最后修改时间对比,一致就返回304,不一致浏览器开始下载服务器传来的资源(HTML、JS、图片等)(状态码为200),同时使用缓存;浏览器对加载到的资源(HTML、JS、CSS等)进行语法解析,建立DOM树,同时设置cookie;载入解析到的文件,渲染页面完成。

 

2.常见的HTTP错误码

3.实现一个ajax( 参考链接:http://blog.sina.com.cn/s/blog_76ece07401015bhl.html)

 ajax(Asynchronous javascript and xml),是创建交互网页应用的网页开发技术,可实现局部刷新。

 客户端实现:

(1)创建XMLHTTPRequest对象 

var xmlHttp;

function createXMLHttpRequest() { //建立XMLHttpRequest

    try {

     xmlHttp= new XMLHttpRequest();

   } catch (e) {

    try {

            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

       } catch (ee) {

            try {

            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

            } catch (err) {

             xmlHttp = false;

            }

       }

      }

    if(!xmlHttp) alert("不能创建XMLHttpRequest对象");

}

createXMLHttpRequest();

(2)给出一个URL,并指定请求方法(POST、GET);

(3)设置请求的头部(请求类型和编码格式); 

(4)设置回调函数;

(5)发送请求;

(6)更新页面显示。

 

转载于:https://www.cnblogs.com/Catherine001/p/7273361.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值