nodejs+koa2 实现一个get请求

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);//端口

来源：https://www.cnblogs.com/xinchenhui/p/10877173.html

标签

koa

ajax