Ajax — 阿贾克斯

是浏览器提供的一套方法,可以实现页面无刷新更新数据,实现局部更新,提高用户浏览网站应用的体验

好比买房,我们需要跟楼主爸爸商讨各种各样的问题,但是往往楼主是很忙的,而且也没有那么多耐心替我们解决各种各样的问题,如:贷款。这就导致我们买房进展缓慢,着急的是我们啊

那怎么办呢?这时候,就需要中介了,他是连接我们和楼主之间的一个连接件,帮我们传递信息、解决问题,还可以把楼主爸爸减少一些琐事,这就极大地提高我们的买房效率,也减轻了楼主的工作量

所以,客户端就好比我们买房人,服务器端就好比楼主爸爸,而Ajax就是中介啦

这种模式的就是一次性将页面的全部内容都请求过来,它的弊端就是导致服务器一次请求产生的压力过大,用户等待时间过长,体验很不佳,浏览器性能低下

服务器端通过Ajax分批异步给客户端发送资源,当我们需要的时候再去请求过来,当我们在浏览页面拉到底部的时候,一些图片信息再显示出来,这就是在执行Ajax请求

特别是在一些电商网站,图片视频是很消耗带宽的,必须使用Ajax来进行资源的请求

现在我们知道了,Ajax就是浏览器与服务器之间的一个代理人,在不影响用户浏览页面的情况下,局部刷新页面,提高网站性能和用户体验。

Ajax技术需要运行在网站环境中才能生效,我们需要在本地搭建一个Ajax环境,本文章使用Node常见服务器作为演示服务器

js提供了一个XMLHTTPRequest对象来创建Ajax,Ajax的原理就是通过XMLHTTPRequest对象服务器发起异步请求,从服务器获取数据,然后通过js操作DOM节点来更新页面

当然,只有异步才需要这么繁琐地检测状态码;如果是同步请求,直接接收服务器端返回的响应,因为脚本会在send()之后停止并等待服务器端的响应

服务器大多数情况下以JSON对象作为响应数据格式,客户端拿到JSON数据之后和html进行拼接,显示在网页上

在http请求与响应中,无论是请求参数还是响应数据,如果是对象类型会转换为对象字符换进行传输

open()方法的第一个参数就是HTTP请求方式,常用的有GET、POST、HEAD等,任何服务器端支持的方法都可以。根据HTTP标准请求方法保持大写,否则一些浏览器可能无法处理请求

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注