美文网首页Ajax
Ajax整体感知

Ajax整体感知

作者: CondorHero | 来源:发表于2019-04-02 01:27 被阅读4次

    一、从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 布道者

    相关文章

      网友评论

        本文标题:Ajax整体感知

        本文链接:https://www.haomeiwen.com/subject/zimibqtx.html