2021 1 18

ajax
页面初始化向服务器发送请求

 setTimeout(function(){
            var url ='http://localhost:4040/ypg'
            //服务器给得是地址名不要搞错了4040/ypg
            var xhr=new XMLHttpRequest();
            console.log(xhr);
             // xhr.open(methods,url,同步异步) 请求前准备工作；没有发送请i去
            xhr.open('GET',url,true);
              // 链接服务器，向服务器发送请求
            xhr.send();
        }, 2000);

1： 实例化xhr对象。XMLHttpRequest是ajax的底层原理; XMLHttpRequest 处理 浏览器与服务器交互.
2: 浏览器发送请求
1:url 地址 通过地址找到接口
2:methods请求方式 服务器规定的方式，没有规定什么方式都可以
3:params 请求参数 表示的服务器需要的前端许局

然后自己搭建一个服务器：

const http = require('http')

const port = 4040

const server = http.createServer((req, res) => {
  console.log('111');
  res.statusCode = 200;
  var index = req.url.indexOf("?")
  var url = index!==-1? req.url.slice(0, index) : req.url;
  //后端设置允许跨域
  res.setHeader("Access-Control-Allow-Origin", "*");
  //设置响应的头信息
  res.writeHead(200, { "Content-type": "text/plain;charset=utf-8" });
  if (req.url == '/ypg') {
    res.end('ypg\n')
  }
  if (req.url === '/tao') {
    res.end('tao\n')
  }
})
server.listen(port, () => {
  console.log(`服务器运行在 ${port}`)
})

1：在集成终端打开我们自己搭建得服务器，
输入node .\serve.js 开启服务器。