Ajax

Ajax整体感知

2019-04-02  本文已影响4人  CondorHero

一、从HTTP开始

超文本传输协议(HTTP,HyperText Transfer Protocal ),是简单、可靠的互联网文件传输协议。

HTTP的传输,不是一个文件整体传输,而是把一个大的文件,分成一个个报文(message),然后传输的。所以我们的浏览器渲染页面,一块一块加载的,图片是一条一条显示的。的确,一个 jpg 图片,也是通过多个报文回来的。每个报文都会进行校验,保证这个报文里面的内容是准确的、和服务器一致的。所以 HTTP 是可靠的,文件不会发生任何偏差。

HTTP是无连接的,就是你访问一个网站,此时可能产生多个 HTTP 请求,请求 html 页面、请求 jpg 图片、请求外链 css 样式表,这些请求走过的路线,可以不一致。也就是说,没有和服务器有一个持久通路,每次请求 HTTP 完成之后,请求就关闭了,一个页面要多次打开、关闭 HTTP。

可以通过浏览器的 Network 面板查看 HTTP 请求,和总请求数:


HTTP 请求!

文件上传协议(FTP,file Transfer Protocal):用于本地往服务器上上传文件的。这个协议也是可靠的,这个协议是持续连接的。

「上网」这个事儿的本质,就是你输入网址之后,浏览器发出HTTP请求,通过 get 或 post 请求服务器上的文件 get 通过 URL,post 通过 报文头携带信息。服务器上的文件,再通过 HTTP 传输到本地,在浏览器中进行渲染。

一次HTTP请求,有上行 request、下行 response 两部分。通常,浏览器产生 HTTP 请求,是由于用户输入了新的网址、或者点击了超级链接,使页面跳转,这将导致页面的全局刷新。而Ajax技术,可以使网页悄悄地、偷偷地发起HTTP请求,请求回来的数据在页面局部刷新呈递。

二、查询访问全过程

通过 tracert 查询本机访问目标网站,经过的路由器 IP。


tracert

三、Ajax技术原理欣赏

一般用户访问的网页有三步:
① 用户输入 URL ,HTTP 带着数据偷偷上到服务器(GET或者POST,GET是通过URL地址?,POST报文头)
② 后台传回JSON。
③ 前端组建DOM、更新页面


Ajax请求完成

四、Ajax简介

Asynchronous JavaScript and XML (异步 JavaScript 和 XML)

实际上现在工作没有一个公司使用 XML 当做后台、前台的中介文件,都是使用JSON。所以Ajax现在应该改名为Ajaj(Asynchronous JavaScript and JSON),但是大家还是约定俗成起名为Ajax。
发明者:
Jesse James Garrett Ajax 布道者

上一篇 下一篇

猜你喜欢

热点阅读