微信小程序網(wǎng)絡(luò)請(qǐng)求實(shí)現(xiàn)過(guò)程解析

更新時(shí)間：2019年11月06日 14:29:48 作者：liea

這篇文章主要介紹了微信小程序網(wǎng)絡(luò)請(qǐng)求實(shí)現(xiàn)過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

配置服務(wù)器域名：

每個(gè)微信小程序需要事先設(shè)置一個(gè)通訊域名，小程序只可以跟指定的域名進(jìn)行網(wǎng)絡(luò)通信。

服務(wù)器域名在：小程序后臺(tái)=> 開(kāi)發(fā)=> 開(kāi)發(fā)設(shè)置 => 服務(wù)器域名中配置，配置時(shí)需注意：

1.域名只支持https（request, uploadFile，downloadFile）和wss（connectSocket）協(xié)議。

2.域名不能使用ip地址或localhost。

3.域名必須經(jīng)過(guò)ICP備案。

4.服務(wù)器域名一個(gè)月內(nèi)可申請(qǐng)5次修改。

發(fā)起get請(qǐng)求：

調(diào)用wx.request(object) 方法發(fā)起get請(qǐng)求，代碼如下:

get: function() {
  wx.request({
   // 請(qǐng)求地址（必須基于https協(xié)議）
   url: 'https://wx.164.red/test',
   // 發(fā)送到服務(wù)器的數(shù)據(jù)
   data: {
    name: "zhangsan",
    age: '20'
   },
   // 成功之后的回調(diào)函數(shù)
   success: function(result) {
    console.log(result)
   }
  })
 },

發(fā)起post請(qǐng)求：

調(diào)用wx.request(Object) 方法發(fā)起post請(qǐng)求

post: function() {
 wx.request({
  // 請(qǐng)求地址（必須基于https協(xié)議）
  url: 'https://www.baidu.com/api/post',
  // 設(shè)置請(qǐng)求類(lèi)型，如果不設(shè)置，默認(rèn)發(fā)起get請(qǐng)求
  method: "POST",
  // 發(fā)送到服務(wù)器的數(shù)據(jù)
  data: {
   name: "lisi",
   age: '20'
  },
  success: function(result) {
   console.log("result", result)
  }
 })
},

小程序沒(méi)有跨域的限制：

在普通網(wǎng)站中，由于瀏覽器的同源策略限制，存在數(shù)據(jù)的跨域請(qǐng)求問(wèn)題，從而衍生出JSONP和CORS 兩種主流的跨域問(wèn)題解決方案，但是小程序內(nèi)部運(yùn)行機(jī)制與網(wǎng)頁(yè)不同，小程序中的代碼并不運(yùn)行在瀏覽器中，因此小程序開(kāi)發(fā)中，不存在數(shù)據(jù)的跨域請(qǐng)求限制問(wèn)題。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: