![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
AJAX
BoBoAn0254
联系qq:2995014103
展开
-
HTTP和AJAX(一、传输协议)
第一部分传输协议***传输协议是用来完成客户端和服务器端的数据(内容)传输的,类似于快递小哥,负责把客户和商家的物品来回传送。>1.客户端不仅可以向服务器发送请求,而且还可以把一些内容传递给服务器。>2.服务器端也可以把内容返回给客户端。>客户端和服务器端传输的内容总称“HTTP报文”,这些报文信息都是基于传输协议完成传输的,客户端传递给服务器 叫做请求(Reques...原创 2018-08-16 13:05:52 · 439 阅读 · 0 评论 -
HTTP和AJAX(二、web前端开发常用的优化技巧汇总)
###减少HTTP请求次数或者减少请求数据的大小 >页面中每发送一次http请求,都需要完成请求+响应这个完整的HTTP事务,会消耗一些时间,也可能会导致HTTP链接通道的堵塞,为了提高页面加载速度和运行的性能,我们应该减少HTTP的请求次数和减少请求内容的大小(请求的内容越大,消耗的时间越长) 1.采用CSS雪碧图(CSS Sprit/CSS图片精灵)技术,把一些小图合...原创 2018-08-16 15:03:11 · 282 阅读 · 0 评论 -
HTTP和AJAX(三、AJAX[局部刷新]简介)
网页客户端端获取服务器端数据的大致过程>1.首先根据客户端输入的域名,到DNS服务器上进行反解析(通过域名找到对应服务器的外网IP)>2.通过找到的外网IP,找到对应的服务器>3.通过在地址栏中输入的端口号(没输入是因为不同协议有自己默认端口号)找到服务器上发布的 对应的项目>4.服务器获取到请求资源文件的地址‘例如:/stu/index.html’,把资源...原创 2018-08-29 15:28:22 · 270 阅读 · 0 评论 -
HTTP和AJAX(四、实现AJAX)
####基于原生JS实现AJAX....Javascript(以下为实现的代码及注释)//=>创建一个AJAX对象let xhr=new XMLHttpRequest();//=>不兼容IE6及更低版本浏览器(IE6:ActiveXObject)//=>打开请求地址(可以理解为一些基础配置,但是并没有发送请求呢)xhr.open([method],[url],[as...原创 2018-08-29 15:47:47 · 234 阅读 · 0 评论 -
HTTP和AJAX(五、网络状态码和AJAX状态码)
**第三部分细节探究**''''javascript(以下为基于原生JS实现AJAX的第三步的具体解析) //=>监听AJAX状态的改变,获取响应信息(获取响应头信息、获取响应主体信息) xhr.onreadystatechange=()=>{ if(xhr.readyState===4&&am...原创 2018-08-29 15:50:45 · 1787 阅读 · 0 评论 -
HTTP和AJAX(六、JS中常用的编码解码方法)
***JS中常用的编码解码方法 >正常的编码解码(非加密) >1.escape/unescape,主要就是把中文汉字进行编码和解码的(一般只有JS语言支持:也经常 应用于前端页面通信时候的中文汉字编码) >也可以通过加密的方法进行编码解码 let str='波波安@BOBO ...原创 2018-08-29 15:51:24 · 319 阅读 · 0 评论 -
HTTP和AJAX(七、AJAX中的同步与异步)
******AJAX中的同步和异步>AJAX这个任务:发送请求接收到响应主体内容(完成一个完整的HTTP事务) >xhr.send():任务开始 >xhr.readytate===4:任务结束[同步编程] let xhr=new XMLHttpRequest(); xhr.open('get','temp.json',false); ...原创 2018-08-29 15:52:03 · 171 阅读 · 0 评论