Ajax的原理?

EILY

共 779字,需浏览 2分钟

 ·

2022-08-09 14:45

前言

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);            }        }    }


5c38f254c983711936fe59f499ea7922.webp

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

浏览 15
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报