详情页的跳转没有思路

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕久久 2022-09-30 16:04:18

同学你好,解答如下:

1、看同学的链接,已经成功跳转到详情页了:

https://img1.sycdn.imooc.com//climg/63369f7109e27a7305440098.jpg

2、通过a标签就能跳转页面。比如在精品推荐商品上设置a标签,a标签上带着该商品的id:

https://img1.sycdn.imooc.com//climg/6336a0c209a7113105900371.jpg

这样点击精品推荐商品就会跳转到详情页,并将该商品的id携带到了详情页。

3、详情页需要像首页那样配置到webpack.config.js中:

https://img1.sycdn.imooc.com//climg/6336a1160917438005250204.jpg

把详情页项目目录、html结构等搭建出来后,就可以显示详情页了。

4、在详情页的js中,可以通过代码将该商品的id获取到,比如如下代码:

  var url = 'http://localhost:8080/details.html?id=1';
    var search = url.split('?')[1];
    var idResult = search.split("=")[1]
    console.log(idResult);

获取到了该商品的id,就可以利用该id请求接口,获取到该商品的数据了。

祝学习愉快~

  • 提问者 闪电打雷躲树下 #1

    请问split('?')[1]是什么意思

    2022-09-30 20:47:17
  • 提问者 闪电打雷躲树下 #2

    我懂了,,,

    2022-09-30 20:50:20
  • 提问者 闪电打雷躲树下 #3

    为什么设计稿的宽度是375px,我把元素都设置成两倍大小才合适,怎么解决?

    2022-09-30 20:54:25
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师