微信小程序:详情页请求不同数据的实现原理

微信小程序:详情页请求不同数据的实现原理,第1张

如图所示是接下来需要完成的效果:

页面结构:2个, index (首页)以及 details (详情页),首页是产品列表,点击产品后进入对应的详情页。

首页的wxml结构:

首页的js数据:

对于详情页请求数据,核心在于点击对应产品然后请求对应的产品数据,因此这里的 navigator 组件跳转的url至关重要,这里的 /pages/details/detailsgoodsId={{index} 是模拟了后台提供的数据接口,后面的 goodsId 作为产品的辨识符,当点击之后可以获取到当前点击的是哪个产品,以供详情页进行请求数据。

详情页wxml结构:

详情页js数据:

详情页请求数据的重点在于生命周期函数, onLoad 函数,它可以在页面加载的时候进行触发,并可以通过参数获取到跳转链接上面的辨识符,也就是通过 onLoad 函数中的 options ,获取到了刚才在 indexwxml 页面url中的辨识符: goodId ;

通过它可以获取到对应的产品数据,再将数据进行修改更新到详情页结构 detailswxml 即可。

本案例中跨页面传递数据主要是利用了URL传值,在另外一个页面中接收,并将数据渲染到页面中,这个过程就需要用到生命周期函数:onLoad函数。

问题描述:在appjs中执行login请求获取token,homejs中的请求会出现不带token的情况。

原因:appjs中的login请求是异步 *** 作,所以会出现执行homejs中请求的时候,login请求还未执行完成,因此获取不到token。

解决方法:在appjs中使用Promise;在homejs判断Promise的状态,已完成时再去执行页面的请求。

微信小程序可以通过使用网络请求的方式来访问集群接口,具体步骤如下:

1 在小程序中,首先需要创建一个网络请求,指定该请求要访问的集群接口的URL地址;

2 将该请求发送到集群接口,并获取返回的数据;

3 将获取到的数据进行处理,并将处理后的数据渲染到小程序的界面上。

通过以上步骤,就可以实现微信小程序访问集群接口的功能。

微信小程序发布必须使用>

打开手机登陆微信后,找到并点击”我“;

页面跳转后在”我“中找到并点击”设置“;

接上一步,页面再次跳转,点击”通用“;

然后找到”发现页管理“,点击;

可以看到在发现页管理中有”打开/关闭发现页的入口“,包括朋友圈、扫一扫、小程序等;

点击小程序后面的类似胶囊的按钮,这样,微信小程序入口就关闭了;

在返回到微信”发现“菜单,微信小程序入口已经不显示了1。

使用第三方工具:如果你想禁止某些app跳转微信小程序,你可以使用一些第三方工具来拦截或者屏蔽跳转请求,具体 *** 作如下:

下载并安装一个名为”Finclip“的工具,这是一个可以帮助你管理和控制app跳转的工具;

打开Finclip,进入”设置“页面,找到并开启”禁止第三方app跳转到微信小程序“的选项;

返回主页面,点击”添加应用“按钮,选择你想要禁止跳转的app,并添加到Finclip中;

这样,当你使用这些app时,如果遇到跳转微信小程序的广告或者链接,Finclip会自动拦截或者屏蔽,不会让你跳转到微信小程序3。

是的。

每个微信小程序需要事先设置通讯域名,小程序只可以跟指定的域名与进行网络通信。包括普通>

根据小程序开发文档,域名只支持>

扩展资料:

>

1、DVSSL证书(域名验证型):只验证域名所有权,适合个人网站、博客等站点使用;

2、IVSSL证书(个人验证型):验证网站所属个人身份,适合自媒体、个人品牌站点使用;

3、OVSSL证书(企业验证型):验证网站所属单位身份,适合企业级用户使用;

4、EVSSL证书(扩展验证型):扩展验证网站所属单位身份,适合高度信任的企业级用户使用。

5、域名要实现>

参考资料来源:微信开放文档-网络

以上就是关于微信小程序:详情页请求不同数据的实现原理全部的内容,包括:微信小程序:详情页请求不同数据的实现原理、解决微信小程序app.js中异步请求尚未执行完成,就执行Page页面请求的问题、微信小程序怎么访问集群接口等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://outofmemory.cn/zz/9459246.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存