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 开启服务器。