在请求后端的时候,需要带请求头去访问,在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)
})
}
}
持续更新,如果有错误的地方,望众位大佬说明
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)