美文网首页PHP经验分享
踩坑tp5-模板视图中js使用{:url()}方法传参问题

踩坑tp5-模板视图中js使用{:url()}方法传参问题

作者: 学长冷月 | 来源:发表于2021-02-09 12:36 被阅读0次

    @TOC

    问题描述:

    最近,冷月在使用tp5搭建个人博客后台踩到了一个坑,在tp5自带的视图模板引擎中。

    其中有一个应用场景是js的 window.location.href 跳转到指定页面并且传递文章id

    于是冷月采用了下面2种方式进行操作,均不能成功解析到id的值,而是直接将变量名拼接成字符串输出。代码及错误实例如下:

    /**
     * Created by 冷月小白.
     * 微信公众号: 学长冷月
    
    var articleID = $("#articleID").val(); //采用jQuery的选择器
    
    window.location.href = "{:url('article/markdown',['id'=>"+articleID+"])}";  // 解析失败
    
    window.location.href = "{:url('article/markdown','id=" + articleID + "')}";  // 解析失败
     */
     
    
    file

    解决方法:

    采用下面的拼接方式,则能够正确解析,获取到id的值。

    /**
     * Created by 冷月小白.
     * 微信公众号: 学长冷月
    
     window.location.href = "{:url('article/markdown')}?id=" + articleID; //解析成功
     */
     
    
    file

    如果这篇博文有帮助到您,可以帮冷月点一个赞或者加一个关注哦!

    如果您对我的专题内容感兴趣,也可以关注我的博客:www.lengyueit.cn

    相关文章

      网友评论

        本文标题:踩坑tp5-模板视图中js使用{:url()}方法传参问题

        本文链接:https://www.haomeiwen.com/subject/mbaqxltx.html