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