小程序生命周期与Ajax请求

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第2天，点击查看活动详情。

小程序生命周期

分为应用生命周期与页面生命周期

应用生命周期

在项目app.js中配置

属性	说明
onLaunch()	初始化执行launch
onShow()	应用显示执行show
onHide()	应用隐藏执行hide
onError()	报错执行error
onPageNotFound()	项目入口找不到执行

页面生命周期

在页面js中配置

属性	说明
onLoad()	页面加载时触发
onReady()	初次渲染完成时触发
onShow()	页面显示时触发
onHide()	页面隐藏时触发
onUnload()	页面关闭时触发
onPullDownRefresh()	用户下拉时触发
onReachBottom()	用户上拉触底时触发
onShareAppMessage()	用户点击右上角分享触发
onPageScroll()	监听页面滚动触发
onResize()	小程序旋转时触发
onTabItemTap()	当前是tab页,切换tab页触发

小程序发Ajax请求

方式一

handleAjax(){
        /**
         * 自带的
         */
        let url='https://autumnfish.cn/api/joke/list'
        wx.request({
          url: url,
          data:{
              num:10
          },
          success(ret){
              console.log(ret)
          }
        })
    },

方式二(优化)

promise发ajax

在util文件夹下创建个request.js并导出

//promise 发送ajax
export const request=(path,data)=>{
    return new Promise((resolve,reject)=>{
        wx.request({
          url: path,
          data:data,
          success:ret=>{
            resolve(ret);
          },
          //失败
          fail:err=>{
            reject(err);
          }
        })
    });
}

网页js中

//第一步导入
import {request} from '../../utils/request.js'

//请求方法调用
let url='https://autumnfish.cn/api/joke/list'
request(url,{num:10}).then(ret=>{
           console.log(ret);
       })

由于小程序规定合法域名的请求... 所以开发时需设置一下.... 详情--------》本地设置-------》不效验合法域名...

在这里插入图片描述或者在微信公众平台mp.weixin.qq.com 开发----->开发管理------>开发设置------>添加服务器域名 这样就可以请求到该合法域名了.....

觉得文章有帮助点个赞吧~🤭

微信小程序开发05(生命周期与Ajax请求)