Ajax的原理?

前言

ajax 对于前端开发来说都是一个绕不开的概念，那 ajax 到底是什么呢？本篇文章就带你了解。

ajax？

简单来说ajax是一种无需要重新加载整个网页的情况下，能够更新部分网页的技术。它是通过XmlHttpRequest对象来向服务器发送一个异步请求，从服务器获取到数据，然后用 javascript来操作dom更新页面。

ajax的优缺点？

优点：

• 通过异步模式，提升了用户体验；

• 优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用；

• ajax在客户端运行，承担了一部分本来由服务器承担的工作，减少了大用户量下的服务器负载；

• ajax可以实现动态不刷新 ( 局部刷新 )。

缺点：

• 安全问题 ajax 暴露了与服务器交互的细节；

• 对搜索引擎的支持比较弱；

• 不容易调试。

HTML代码

 // 1. 创建连接    var xhr = null;    xhr = new XMLHttpRequest()    // 2. 连接服务器    xhr.open('get', url, true)    // 3. 发送请求    xhr.send(null);    // 4. 接受请求    xhr.onreadystatechange = function(){        if(xhr.readyState == 4){            if(xhr.status == 200){                success(xhr.responseText);            } else { // fail                fail && fail(xhr.status);            }        }    }

以上就是今天的全部内容啦，我们下期再见！