Ajax原理

2020/4/10 0:15:41 人评论 次浏览 分类:学习教程

Ajax原理

Ajax 的原理简单来说是在⽤户和服务器之间加了—个中间层( AJAX 引擎),通过XmlHttpRequest 对象来向服务器发异步请求,从服务器获得数据,然后⽤ javascript来操作 DOM ⽽更新⻚⾯。使⽤户操作与服务器响应异步化。
这其中最关键的⼀步就是从服务器获得请求数据,Ajax 的过程只涉及 JavaScript 、 XMLHttpRequest 和 DOM 。 XMLHttpRequest 是ajax的核⼼机制.

/** 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 {
/** false **/
fail && fail(xhr.status);
}
}
}

ajax 有那些优缺点?

优点:

  • 通过异步模式,提升了⽤户体验.
  • 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占⽤.
  • Ajax 在客户端运⾏,承担了⼀部分本来由服务器承担的⼯作,减少了⼤⽤户量下的服务器负载。
  • Ajax 可以实现动态不刷新(局部刷新)

缺点:

  • 安全问题 AJAX 暴露了与服务器交互的细节。
  • 对搜索引擎的⽀持⽐较弱。
  • 不容易调试。

相关资讯

    暂无相关的资讯...

共有访客发表了评论 网友评论

验证码: 看不清楚?
    -->