ajax和fetch有什么区别;2、ajax是什么,写出一个demo;3、fetch是什么,写出一个demo;
时间: 2024-03-23 10:37:46 浏览: 156
好的,我来回答您的问题。
1. Ajax和Fetch的区别:
Ajax和Fetch都是用于前端与后端进行数据交互的技术,但是它们有一些区别:
- Ajax使用XMLHttpRequest对象发送请求,而Fetch使用fetch()函数发送请求;
- Ajax的错误处理需要在回调函数中处理,而Fetch可以使用Promise进行处理;
- Fetch默认不会携带cookie,需要手动设置,而Ajax会自动携带cookie等信息;
- Fetch支持Stream API,可以处理大文件,而Ajax不支持。
2. Ajax是一种在不重新加载整个页面的情况下,通过后台与服务器进行数据交换并更新部分网页的技术。下面是一个简单的Ajax demo:
html代码:
```
<button onclick="loadDoc()">点击加载数据</button>
<div id="demo"></div>
```
JavaScript代码:
```
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}
```
当点击按钮时,会通过Ajax从服务器获取数据,然后将数据显示在页面上。
3. Fetch是一种新的网络请求API,它可以代替传统的Ajax技术。下面是一个简单的Fetch demo:
JavaScript代码:
```
fetch('ajax_info.txt')
.then(response => response.text())
.then(data => {
document.getElementById("demo").innerHTML = data;
});
```
通过fetch函数发送请求,然后使用Promise处理返回结果。当获取到数据时,将数据显示在页面上。
阅读全文