【移動應(yīng)用開發(fā)技術(shù)】微信小程序網(wǎng)絡(luò)請求的封裝方法

【移動應(yīng)用開發(fā)技術(shù)】微信小程序網(wǎng)絡(luò)請求的封裝方法

在下給大家分享一下微信小程序網(wǎng)絡(luò)請求的封裝方法，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！示例代碼：wx.request({

url:

'test.php',

//僅為示例，并非真實(shí)的接口地址

data:

{

x:

''

,

y:

''

},

header:

{

'Content-Type':

'application/json'

},

success:

function(res)

{

console.log(res.data)

}

})其中header中的Content-Type，應(yīng)該用小寫content-type才能讓服務(wù)器收到參數(shù)。讓我折騰的好久，改了服務(wù)器仍然不行，原來是這個問題。參數(shù)在requestpayload中，服務(wù)器不能收到，使用如下轉(zhuǎn)換之后function

json2Form(json)

{

var

str

=

[];

for(var

p

in

json){

str.push(encodeURIComponent(p)

+

"="

+

encodeURIComponent(json[p]));

}

return

str.join("&");

}圖片：1.png最終還是認(rèn)為是content-type的問題。最后改小寫就ok，覺得微信這么牛逼的團(tuán)隊(duì)，犯了一個很低級的錯誤，把我開發(fā)者折騰的爬了。不說，上代碼吧。1、Http請求的類import

util

from

'util.js';

/**

*

url

請求地址

*

success

成功的回調(diào)

*

fail

失敗的回調(diào)

*/

function

_get(

url,

success,

fail

)

{

console.log(

"start_get"

);

wx.request(

{

url:

url,

header:

{

//

'Content-Type':

'application/json'

},

success:

function(

res

)

{

success(

res

);

},

fail:

function(

res

)

{

fail(

res

);

}

});

console.log(

"end_get"

);

}

/**

*

url

請求地址

*

success

成功的回調(diào)

*

fail

失敗的回調(diào)

*/

function

_post_from(url,data,

success,

fail

)

{

console.log(

"_post--start"

);

wx.request(

{

url:

url,

header:

{

'content-type':

'application/x-www-form-urlencoded',

},

method:'POST',

data:{data:

data},

success:

function(

res

)

{

success(

res

);

},

fail:

function(

res

)

{

fail(

res

);

}

});

console.log(

"end_get"

);

}

/**

*

url

請求地址

*

success

成功的回調(diào)

*

fail

失敗的回調(diào)

*/

function

_post_json(url,data,

success,

fail

)

{

console.log(

"_post--start"

);

wx.request(

{

url:

url,

header:

{

'content-type':

'application/json',

},

method:'POST',

data:data,

success:

function(

res

)

{

success(

res

);

},

fail:

function(

res

)

{

fail(

res

);

}

});

console.log(

"end_post"

);

}

module.exports

=

{

_get:

_get,

_post:_post,

_post_json:_post_json

}2、測試用例2.1get請求//GET方式

let

map

=

new

Map();

map.set(

'receiveId',

'0010000022464'

);

let

d

=

json_util.mapToJson(

util.tokenAndKo(

map

)

);

console.log(

d

);

var

url1

=

api.getBaseUrl()

+

'SearchTaskByReceiveId?data='+d;

network_util._get(

url1,d,

function(

res

)

{

console.log(

res

);

that.setData({

taskEntrys:res.data.taskEntrys

});

},

function(

res

)

{

console.log(

res

);

});2.2POST請求//Post方式

let

map

=

new

Map();

map.set(

'receiveId',

'0010000022464'

);

let

d

=

json_util.mapToJson(

util.tokenAndKo(

map

)

);

console.log(

d

);

var

url1

=

api.getBaseUrl()

+

'SearchTaskByReceiveId';

network_util._post(

url1,d,

function(

res

)

{

console.l