微信小程序如何将接口获取的数据传递给自定义组件

在自定义组件js文件的properties设置一个变量用来接受数据

在外部组件的js中, 设置一个变量用来发送数据, 然后将接口获取的的数据给这个变量

利用wxml将这个变量的值传递给自定义组件的变量

最后在自定义wxml中将这个变量渲染出来

微信小程序的位置接口共有两个：

1、wxgetLocation(OBJECT)获取当前的地理位置、速度。

2、wxopenLocation(OBJECT) 使用微信内置地图查看位置

然后，根据object参数说明，结合module模块化重写了下两个接口在暴露出来引用，让项目更加灵活管理。具体代码如下：

locationjs：：

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283

/ 获取当前的地理位置、速度。 1、fType： 默认为 wgs84 返回 gps 坐标，gcj02 返回可用于wxopenLocation的坐标 选填 2、cbSuccessFun： 接口调用成功的回调函数，返回内容详见返回参数说明。 必填 3、cbFailFun： 接口调用失败的回调函数 选填 4、cbCompleteFun：接口调用结束的回调函数（调用成功、失败都会执行） 选填 /function getLocationFun(fType, cbSuccessFun, cbFailFun, cbCompleteFun){ var getObj={}; getObjtype="wgs84"; if(fType){ getObjtype=fType; } getObjsuccess=function(res){ var _res=res; if(cbSuccessFun){ cbSuccessFun(_res); } } getObjfail=function(res){ if(cbFailFun){ cbFailFun(); }else{ consolelog("getLocation fail:"+reserrMsg); } } getObjcomplete=function(res){ if(cbCompleteFun){ cbCompleteFun(); } }

本地小程序开发工具测试请求接口都很正常，使用预览和真机调试功能在手机上运行请求接口总是失败。

小程序上线后，部分手机请求接口正常，部分手机请求接口失败，将请求接口复制到谷歌浏览器中查询总是成功的。

restful 接口定义为： >

是的。

因为微信小程序中的所有接口请求都必须经过客户端转发并不是原生的ajax请求。

可以借助mockjs的思想封装一个根据特定的url返回特定数据的方法。

以上就是关于微信小程序如何将接口获取的数据传递给自定义组件全部的内容，包括:微信小程序如何将接口获取的数据传递给自定义组件、微信小程序自动切片工具的小程序接口地址如何填、微信小程序上线后请求接口总是失败等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！