Ajax异步编程
Ajax异步编程具有以下优势：
减少页面刷新：传统的网页开发中，用户操作会导致整个页面的刷新，而使用Ajax可以只更新页面的部分内容，提高用户体验。
提高页面加载速度：通过异步请求数据，可以减少页面加载所需的时间，因为不需要等待所有数据都加载完成才显示页面。
提高服务器性能：传统的同步请求会导致服务器压力增加，而使用Ajax可以使请求异步进行，减轻服务器的负担。
提升用户体验：使用Ajax可以实现实时更新页面的功能，例如自动补全、实时搜索等，提升用户交互的效果，增加用户的粘性。
支持跨域请求：Ajax可以通过跨域请求，从不同的服务器获取数据，实现不同域之间的数据交互。
总的来说，Ajax异步编程可以提高网页的性能和用户体验，减少网络流量和服务器压力.
话不多说,直接上案例
第一:在D:code/chapter01/server/public目录下,新建一个demo04.html文件,编写代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>异步编程</title>
<script>
function localhost() { //定义函数
var xhr = new XMLHttpRequest(); //创建XMLHttpRequest对象，用于发送请求
xhr.open('get', 'index.html', true); //设置请求方法为get,url为index.html,异步标志为true
xhr.onreadystatechange = function () { //定义回调函数，当请求状态改变时执行
if (xhr.readyState == 4) { //判断请求是否完成
document.getElementById('myDiv').innerHTML = xhr.responseText; //将请求返回的内容赋值给id为'myDiv'的元素的innerHTML属性，以更新页面内容
console.log(2);
};
};
xhr.send(); //发送请
![洛谷 P2036 [COCI 2008/2009 #2] PERKET深度优先搜索/位运算](https://img-blog.csdnimg.cn/direct/6fae2579317e4822874405b4d47db978.png)
