html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html> <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script> <script> //步骤一:创建异步对象 let ajax = new XMLHttpRequest(); //步骤二:设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数,动态的传递参数starName到服务端 ajax.open('get', 'http://127.0.0.1:3000');//设置我们的请求头信息,post方法才写请求头 //post才写的请求头 ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); //步骤三:发送请求 ajax.send(); //步骤四:注册事件 onreadystatechange 状态改变就会调用 ajax.onreadystatechange = function () { if (ajax.readyState == 4 && ajax.status == 200) { //步骤五 如果能够进到这个判断 说明 数据 完美的回来了,并且请求的页面是存在的 console.log(JSON.parse(ajax.responseText));//输入相应的内容 } } </script>
js:
const Koa = require('koa');//koa
const route = require('koa-route');//路由
const cors = require('@koa/cors');//解决跨域
const compose = require('koa-compose');//中间件插件
const app = new Koa();
const main = ctx = ()=>{
let json = {name:'张三',child:[name:'小张']};
ctx.cookies.set('cookieName','cookieValue');//cookie
ctx.status = 200;//设置状态码
ctx.body = json;//发送数据
}
const middlewares = compose([
cors(),
route.get('/',main),
])
app.use(middlewares);
app.listen(3000);//端口