uniapp开发笔记(1)——uview API接口请求

uniapp开发笔记(1)——uview API接口请求,第1张

在请求后端的时候,需要带请求头去访问,在uview里写了http请求可以传递的参数:详情参考:Http请求 | uView 2.0 - 全面兼容nvue的uni-app生态框架 - uni-app UI框架

实战代码示例:

//现在这个请求接口做的是给后端发送数据
uni.$u.http.post('/后台接口/***', 第二个参数(后台需要传递的参数), {
						header: {
							'Content-Type': '需要携带的请求头'
						},
						dataType: 'json'
					}).then(res => {
						// console.log('要传递了')
                        //在验证通过,后台数据传回来的时候,需要提示用户验证通过
						uni.showToast({
							title: "验证通过!",
							icon: "none"
						});
						that.$refs['resetBtn'].$dispatch('Form', 'uni-form-reset', {
							type : 'reset'
						})
                        //因为forData里的fynum原本默认就是0,所以这里要手动给他设置回0,顺便把listid里面的数值也清空
						that.formData.fynum = 0;
						that.listid = [{
							id: 1,
							carmodel:'',
							num:0
						}]
					})

 在项目中,请求接口的时候,要做的是渲染列表,有的时候要给后台发一个参数,在点击某个数据的时候,会发一个数据来告诉后台你要查看的是哪一条数据。示例:

advertisementPost() {
				let advertisementData = {
					isrecommend: 1
				}
				 uni.$u.http.post(
                '/这个地方是接口/',
                //第二个数据是参数,就是当前点击的时候要传进后端的参数
                ).then((res) => {
					//这里把获取到的参数赋值
					this.advertisementget = res;

				})
			},

在页面跳转的时候,需要携带参数去下一个页面,比如在点击一个按钮的时候,跳转到其他页面

js调用跳转:

onJump(url) {
				uni.navigateTo({
					url: url
				})
			}

这个时候,跳转的时候就会携带当前页面的参数,去下一个页面。

在下一个页面可以这样接收:

注意:要在data里面声明!!

onLoad(e) {
            //这个e里面,就包含了跳转时传的参数,可以在这里 *** 作e里面的参数,比如说赋值,在调用接口                
            //去传参数,这里给一个参考
			console.log(e)
            this.codeid = e.codeid
            this.codename = e.codename
		}

methods:{
    getcode(){
        uni.$u.http.post('/接口/',{
            //第二个参数
            //后端要的参数名字:this.codeid  比如:
            codeId : this.codeid,
            codename : this.codename
        }).then(res=>{
            console.log(res)
        })
    }
}

持续更新,如果有错误的地方,望众位大佬说明

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/940991.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-17
下一篇 2022-05-17

发表评论

登录后才能评论

评论列表(0条)

保存