微信小程序之 wx.request请求实例

最新推荐文章于 2024-04-02 23:18:53 发布

gyuei

最新推荐文章于 2024-04-02 23:18:53 发布

阅读量1.6k

点赞数

分类专栏：小程序

本文链接：https://blog.youkuaiyun.com/gyueh/article/details/119801373

版权

微信小程序 API请求 Promise 异步操作数据传递

关键词由优快云通过智能技术生成

小程序专栏收录该内容

67 篇文章

订阅专栏

1.请求示例A

// 加载信息
loadInfo: function() {
 	let that = this
	let url = 'https://api.apiopen.top/getJoke?page=1&count=10'
 	wx.request({
 		url: url,
 		method: 'GET',
 		dataType: 'json',
 		header: {
 			'content-type': 'application/json' // 默认值
 		},
 		success: function(res) {
 			console.log(res.data)
 		},
 		fail: function(error) {
 			console.log('操作失败')
 		}
 	})
 },

请求示例B

// 加载信息
loadInfo: function() {
 	let that = this
 	wx.request({
 		url: 'https://api.apiopen.top/getJoke',
 		data: {
			// 页码
 			page: '1',
 			// 每页返回数量
 			count: '10',
 			type: ''
 		},
 		method: 'GET',
 		dataType: 'json',
 		header: {
 			'content-type': 'application/json' // 默认值
 		},
 		success: function(res) {
 			console.log(res.data)
 		},
 		fail: function(error) {
 			console.log('操作失败')
 		}
 	})
 },

Promise的使用

 // 加载信息
  loadInfo: function () {
    let that = this
    let promise = new Promise((resolve, reject) => {
      wx.request({
        url:'https://api.apiopen.top/getJoke',
        data:{
          page:'1',
          // 每页返回数量
          count:'10',
          type:''
        },
        method: 'GET',
        dataType: 'json',
        header: {
          'content-type': 'application/json' // 默认值
        },
        success: function (res) {
          resolve(res.data)
          console.log(res.data)
        },
        fail: function (error) {
          reject(error)
          console.log('操作失败')
        }
      })
    })
    return promise
  },

注意：

url： 'https://api.apiopen.top/getJoke?page=1&count=10'

等价于

url: 'https://api.apiopen.top/getJoke',
data: {
	// 页码
	page: '1',
	// 每页返回数量
	count: '10',
	type: ''
},