【移動應用開發(fā)技術】小程序中post請求的示例

這篇文章將為大家詳細講解有關小程序中post請求的示例，在下覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。按照文檔,肯定是這么寫.那就入坑了.1.'Content-Type':'application/json'用在get請求中沒問題.POST請求就不好使了.需要改成:"Content-Type":"application/x-www-form-urlencoded"2.加上method:"POST"3.data:{cityname:"上海",key:"1430ec127e097e1113259c5e1be1ba70"}寫成json格式這樣也是請求不到數(shù)據(jù)的.需要轉(zhuǎn)格式.下面直接貼代碼:3.1<span

style="font-size:24px;">//index.js

//獲取應用實例

var

app

=

getApp()

Page(

{

data:

{

toastHidden:

true,

city_name:

'',

},

onLoad:

function()

{

that

=

this;

wx.request(

{

url:

"/onebox/weather/query",

header:

{

"Content-Type":

"application/x-www-form-urlencoded"

},

method:

"POST",

//data:

{

cityname:

"上海",

key:

"1430ec127e097e1113259c5e1be1ba70"

},

data:

Util.json2Form(

{

cityname:

"上海",

key:

"1430ec127e097e1113259c5e1be1ba70"

}),

complete:

function(

res

)

{

that.setData(

{

toastHidden:

false,

toastText:

res.data.reason,

city_name:

res.data.result.data.realtime.city_name,

date:

res.data.result.data.realtime.date,

info:

,

});

if(

res

==

null

||

res.data

==

null

)

{

console.error(

'網(wǎng)絡請求失敗'

);

return;

}

}

})

},

onToastChanged:

function()

{

that.setData(

{

toastHidden:

true

});

}

})

var

that;

var

Util

=

require(

'../../utils/util.js'

);</span>3.2<span

style="font-size:24px;"><!--index.wxml-->

<view

class="container">

<toast

hidden="{{toastHidden}}"

bindchange="onToastChanged">

{{toastText}}

</toast>

<view>{{city_name}}</view>

<view>{{date}}</view>

<view>{{info}}</view>

</view></span>3.3<span

style="font-size:24px;">//util.js

function

json2Form(json)

{

var

str

=

[];

for(var

p

in

json){

str.push(encodeURIComponent(p)

+

"="

+

encodeURIComponent(json[p]));

}

return

str.join("&");

}

module.exports

=

{

json2For