国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

nodejs之koa2請求示例(GET,POST)

2019-11-19 13:19:33
字體:
來源:轉載
供稿:網友

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

安裝

npm i koa-bodyparser 

主站蜘蛛池模板:
安龙县|
涞水县|
宜黄县|
哈尔滨市|
临泉县|
东辽县|
上饶县|
石屏县|
元氏县|
贵港市|
扎兰屯市|
元谋县|
广宁县|
岚皋县|
阜新市|
苏尼特右旗|
嘉义县|
大洼县|
涟水县|
深泽县|
广汉市|
井冈山市|
镇沅|
电白县|
班戈县|
东海县|
长沙县|
安西县|
平昌县|
德昌县|
洱源县|
西乌珠穆沁旗|
清涧县|
璧山县|
阿合奇县|
瓮安县|
五家渠市|
昌吉市|
弋阳县|
治多县|
奉贤区|