Uniapp向后端请求数据渲染到前端 + url使用常量定义
config.js文件
// 定义常量
export const API_URL = 'http://devo2o.djwk.com.cn/app_api'
// 导出常量
export default{
API_URL
}
.vue文件
// 导入js文件==写在<script>块内
import config from "/config.js";
// 获取全局变量使用==写在方法内
var url = config.API_URL;
// 向后端请求数据
uni.request({
url: url + '/monijiekou/hui_die?latitude=' + this.latitude +
'&longitude=' + this.longitude +
'&page=' + this.page +
'&limit=' + this.limit, //接口地址+拼接参数。
method: "GET",
success: (res) => {
if (res.data.status == 200) {
this.storeList = res.data.data.list;
}
}
})
url:接口地址(可以拼接,后面传递参数)
method:传递方式
success:成功返回的回调函数(先判断状态是否为成功,再将数据渲染到data内)
搜索框的功能实现
1.再次调用请求的接口
2.传递对应参数
3.重新赋值给data内的数据,即可。
温馨提示:
喜欢灰碟分享的小伙伴不要忘记关注噢~这样子,想找我时就不会迷路啦*
联系方式:
Vx+:LHD7575