美文网首页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()}方法传参问题

    @TOC[%E7%9B%AE%E5%BD%95] 问题描述: 最近,冷月在使用tp5搭建个人博客后台踩到了一个坑,...

  • gin添加swagger

    1.使用url传参 2.使用body传参

  • 2019-04-30 路由传值

    1,使用query的形式传参 使用url传参 url中使用"?属性名=属性值",例如:“XXX?login=10”...

  • [踩坑]url传参+变空格

    开发过程中遇到一个问题,就是在用GET方法请求接口的时候,传入的参数值中,+号会被转化为空格,传给后台。 传入的参...

  • vue路由传参

    原生JS 传参 Vue 传参 使用 传参数 第一种方法 第二种方法 点击事件传参 第三种...

  • Flask架站基础篇(五)--Jinja2模板

    零、使用模板 一、视图函数给模板传参 方法一:如果参数较少的情况下可使用如下方法: 方法二:如果参数较多使用如下方...

  • 页面传参

    方法一: URL传参(?后面的参数)(去哪儿网笔试题,把URL后面的参数解析为对象) 方法二: cookie传参 ...

  • Window.location.href传参问题

    window.location.href = “url?参数”+ 参数:传参方法为get传递,使用get获取,获取...

  • 页面间通信

    url 传参 index.js 路径后可以带参数。参数与路径之间使用 ? 分隔,参数键与参数值用 = 相连,不同参...

  • vue-router总结

    1、通过 :to 传参 2、通过URL传参 router/index.js App.vue Hi.vue 重定向 ...

网友评论

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

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