GET 請求
在 koa 中,GET請求獲取請求數(shù)據request對象中的 query 方法和 querystring 方法, query方法返回的是格式化好的參數(shù),querystring 方法返回的是請求字符串。廢話不多說,直接上代碼
app.js 中添加如下代碼:
router.get('/getData', async (ctx,next) => { // 從上下文的request對象中獲取 let request = ctx.request; let req_query = request.query; // 獲取格式化參數(shù) let req_querystring = request.querystring; // 獲取字符串 // 從上下文中直接獲取 let ctx_query = ctx.query; let ctx_querystring = ctx.querystring; let obj = { req_query:req_query, req_querystring:req_querystring, ctx_query:ctx_query, ctx_querystring:ctx_querystring }; ctx.response.body = {status:200,msg:'這是get測試的返回數(shù)據',data:obj};});
在index.html中引入jquery,因為用jquery的ajax,然后添加如下代碼:
var getTest = () => { $.ajax({ type:'GET', url:'/getData?a=1&b=2&c=3', dataType:'json', success(data){ console.log(data); }, error (err){ console.log(err); } });}// 添加一個按鈕<button onclick="getTest()">點擊測試get方法</button>
運行項目,點擊按鈕之后控制臺回打印出數(shù)據,結果如下
POST 請求
因為 koa 沒有對 post 請求獲取參數(shù)進行封裝,所以需要通過原生的 nodejs 請求對象 req,將 post 請求數(shù)據解析成 string(例如:a=1&b=2&c=3),
再將 string 解析成 json 格式(例如:{“a”:”1”, “b”:”2”, “c”:”3”})
app.js 中添加如下代碼:
router.post('/postData',async (ctx,next) => { let postData = await parsePostData(ctx); console.log(postData); ctx.response.body = {status:200,msg:'這是post測試的返回數(shù)據',data: postData};});// 解析上下文里node原生請求的POST參數(shù)function parsePostData( ctx ) { return new Promise((resolve, reject) => { try { let postdata = ""; ctx.req.addListener('data', (data) => { postdata += data }) ctx.req.addListener("end",function(){ let parseData = parseQueryStr( postdata ) resolve( parseData ) }) } catch ( err ) { reject(err) } })}// 將POST請求參數(shù)字符串解析成JSONfunction parseQueryStr( queryStr ) { let queryData = {} let queryStrList = queryStr.split('&') console.log( queryStrList ) for ( let [ index, queryStr ] of queryStrList.entries() ) { let itemList = queryStr.split('=') queryData[ itemList[0] ] = decodeURIComponent(itemList[1]) } return queryData}
index.html中添加如下代碼:
var postTest = () => { let obj = { name:'啦啦啦', description:'我是賣報的小行家' }; $.ajax({ type:'POST', url:'/postData', dataType:'json', data:obj, success(data){ console.log(data); }, error (err){ console.log(err); } });}// 添加一個post請求的按鈕<button onclick="postTest()">點擊測試post方法</button>
運行,點擊按鈕之后會打印出如下數(shù)據
對于一個用慣了 express 的我來說,這樣的 post 獲取參數(shù)方式令我非常的不爽,還好,koa-bodyparser 中間件解決了這個問題
koa-bodyparser
安裝