国产探花免费观看_亚洲丰满少妇自慰呻吟_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 

主站蜘蛛池模板:
宜兰市|
祁门县|
清水河县|
舞阳县|
昭通市|
乳山市|
金华市|
枣强县|
红河县|
阳信县|
贵港市|
太仆寺旗|
志丹县|
涿鹿县|
五台县|
阿拉善左旗|
九龙县|
屏山县|
白银市|
宁蒗|
黔江区|
昌黎县|
白水县|
广饶县|
正宁县|
城固县|
昭平县|
五峰|
阿图什市|
湘潭县|
蒙自县|
金塔县|
大邑县|
隆昌县|
台湾省|
桐城市|
改则县|
龙口市|
宜黄县|
泊头市|
秀山|