weixin_51108917
2021-04-29 16:08
采纳率: 80%
浏览 69

ajax详情页面跳转传值

现在有多个商品,每个商品下面都有一个详情按钮,现在需要点击商品对应的详情按钮,跳转到对应的商品详情页面,(只有一个详情页面,)要根据商品动态的渲染详情页面,怎么实现

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • 已采纳

    详情按钮中把商品id用url地址参数传递过去
    <input type="button" value="详情按钮" onclick="func(1);" />
    <input type="button" value="详情按钮" onclick="func(2);" />
    <script type="text/javascript">
    function func(n) {
        location.href='详情页面.html?id='+n;
    }
    </script>

    在详情页面.html中获取url地址参数中的商品id,用ajax请求商品详情数据。
    <script type="text/javascript">

    var request = (function (){
        var obj = {};
        var arr = window.location.search.slice(1).split("&");
        for (var i = 0, len = arr.length; i < len; i++) {
            var nv = arr[i].split("=");
            obj[decodeURIComponent(nv[0]).toLowerCase()] = decodeURIComponent(nv[1]);
        }
        return obj;    
    })();

    $.ajax({
        url: "url.html",
        type: "POST",
        data: {id:  request.id}, //获取商品id
        ......
    });
    </script>
     

    已采纳该答案
    1 打赏 评论
  • 胭脂染灰 2021-04-29 16:11

    点击详情按钮得时候把商品id当作参数传递过来

    然后在详情页面初始化的时候通过传递过来的

    商品id之类的标识来请求商品详情接口或者和

    所有数据对比得到对应的商品详情数据

    1 打赏 评论
  • 有问必答小助手 2021-04-29 19:00

    您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

    如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

    ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

    打赏 评论
  • 有问必答小助手 2021-05-06 14:46

    非常感谢您使用有问必答服务,为了后续更快速的帮您解决问题,现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中,希望能得到您的支持与协助!

    速戳参与调研>>>https://t.csdnimg.cn/Kf0y

    打赏 评论

相关推荐 更多相似问题