WordPress开发

uni-app请求接口以及生命周期函数

引言

本教程为《用WordPress与uni-app开发,包含所有源代码》系列教程之一。

全功能WordPress API接口工具已出

全功能WordPress API接口工具已出只为前端开发者的你设计,详情查看:Sliver Rest Wp api:全功能的WordPress api工具

前面我讲解了怎么用WP开发一个首页幻灯片接口,本来这一节中我们应该讲解如何将数据渲染到app上面,但为了照顾小白,我这里插入一下uni-app的知识。

uni-app请求接口

app想要与服务端进行交互,就需要向服务端的接口发起请求,在uni-app中是用uni.request的方法来发起请求的。

一个简单的请求如下:

uni.request({
    url: 'https://www.example.com/request', //请求接口
    method:'GET',//请求方式(GET,POST……)
    data: {
        text: 'uni.request'  //要发送的数据
    },
    dataType:'json',//返回数据格式
    header: {
        'custom-header': 'hello' //自定义请求头
    },
    success: (res) => {//请求成功后返回
        console.log(res.data);
        this.text = 'request success';
    },
    fail:(res) =>{//请求失败后返回
 
    }
});

uni-app的页面生命周期函数

何为页面生命周期?即一个页面开始加载、显示、加载完成、页面隐藏、页面卸载……开发者则可以监听这些生命周期完成一些复杂的页面逻辑,比如说检测是否登录。

uni-app的页面生命周期

在uni-app中一个页面有一些默认的函数方法,这些方法有的是在页面显示时加载,有的是在监听页面渲染完成之后加载等等这些即为页面生命周期函数。这里我就列举几个函数以作说明。

onLoad : 监听页面加载

onLoad: function (option) { //option为object类型,会序列化上个页面传递的参数
        console.log("此页面加载时将执行我"); 
    }

onShow :监听页面显示

onShow: function (option) { 
        console.log("此页面显示时将执行我"); 
    }

onReady : 监听页面初次渲染完成

onReady: function (option) { 
        console.log("此页面初次在屏幕上渲染完成之后会执行我"); 
    }

更多页面生命周期函数,请查看官方文档。

总结

其实相对来说,uni-app真的还是挺简单的,多看看官方文档,上手是很快的。

用WordPress与uni-app开发,包含所有源代码 用WordPress与uni-app开发,包含所有源代码 引言 废话不多说这套系列的教程就是教你怎么将自己现有的WP网站做成一个app或者小程序 技术栈要求 需要声明的是,在这套教程之中,因为精力有限的关系,我不负责任何前端页面的设计以及开发,只讲前端... 2019-6-14 5862 0

QQ交流群: 824144151

此为本站官方星球,加入此星球可以获得以下专属权利:

  1. 得到官方任何WordPress方面的问题解答(包括WordPress建站疑问、WordPress使用问题、WordPress主题或插件bug)
  2. 可以随意下载以及更新官方发布的插件、主题(如有特别说明除外)
  3. 可以得到官方人员的免费技术援助(包括但不仅限于:WordPress、UNI、IONIC、React Native 、flutter、建站)
  4. 可以查看所有官方插件、主题的使用文档
  5. 可以得到官方插件、模板的免费技术援助
  6. 免费查看官网推出的所有教程并得到技术援助
  7. 免费得到WordPress建站建议、优化建议(大数据,大存储,高并发)
  8. 更多权利待添加……

发表评论

插入图片

WordPressApp来了

快速让你的网站变成一个APP,不需要任何技术,点此查看