uniapp开发笔记（1）——uview API接口请求-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp开发笔记（1）——uview API接口请求。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

在请求后端的时候，需要带请求头去访问，在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(
                '/这个地方是接口/',
                //第二个数据是参数，就是当前点击的时候要传进后端的参数
                advertisementData
                ).then((res) => {
					//这里把获取到的参数赋值
					this.advertisementget = res;

				})
			},

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

<template>

    <view>
        <view 
            @click="onJump('/这里是路径/port?codeId='+codeid+'&codename='+codename)">点我跳转
        </view>
    </view>

</template>

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)
        })
    }
}

持续更新，如果有错误的地方，望众位大佬说明文章来源地址https://www.toymoban.com/news/detail-580455.html

到了这里，关于uniapp开发笔记（1）——uview API接口请求的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！