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);
}
}
}
以上就是今天的全部内容啦,我们下期再见!
评论