ajax知识点

215 阅读2分钟

Ajax

  • Ajax: 全称 Asynchronous Javascript And XML(异步javascript和XML)

    ajax是一种创建交互式网页应用的网页开发技术。沟通客户端与服务器,可以在不必要刷新整个浏览器的情况下,与服务器进行异步通讯的技术。

Ajax的原理

通过XMLHTTPRequest对象来向服务器发送异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。

XMLHTTPRequest是Ajax的核心机制,它是在IE5中首次引入的,是一种支持异步请求的技术。简单来说,javascript可以及时向服务器提出请求和处理响应,而不阻塞用户,达到无刷行的效果。

Ajax优点

(1)最大的一点是页面无刷新,用户体验非常好。

(2)使用异步方式与服务器通信。具有更加迅速的响应能力。

(3)可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和带宽租用成本。Ajax的原则是按需取数据,可以最大程度的减少冗余请求,和响应对服务器造成的负担。

Ajax缺点

(1)Ajax不支持浏览器back按钮。

(2)安全问题 Ajax暴露了与服务器交互的细节。

(3)对搜索引擎的支持比弱。

(4)破坏了程序的异常机制。

Ajax的实现流程

image.png

创建XMLHTTPRequest

1,创建一个xhr对象

    //XMLHTTPRequest 对象用于后台服务器交换数据
    var xhr = new XMLHTTPRequest()

2, 设置请求方法和地址

    //设置请求方法和地址
    xhr.open('get','地址')

3,发送请求

    //发送请求
    xhr.send()

4,监听网络请求状态并接收网络返回的数据

    //请求过程中,readyState会发生变化
    //0-初始状态
    //1-创建连接
    //2-客户端向服务端发送数据
    //3-服务端开始向客户端返回数据
    //4-客户端接收数据完毕
    xhr.onload = function() {
    }