twig里使用js变量的方法

更新时间：2016年02月05日 08:55:23 作者：Gordon

这篇文章主要介绍了twig里使用js变量的方法,结合实例形式对比分析了在twig中使用js变量的相关调用技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了twig里使用js变量的方法的方法。分享给大家供大家参考，具体如下：

先看一段代码

<script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery(#my_input).change(function(){
      var value = jQuery(#my_input).val();
      jQuery.ajax({
        url: {{ path('ParteAccidentes_ajax', {'emergencia': value}) }},
        timeout: 5000,
        success: function(data) {
          alert('ok');
        },
        error: function() {
          alert('mal');
        }
      });
    });
  });
</script>

这个ajax请求的地址，无法正常正常访问。

这段代码里 jQuery("#my_input").val()的值赋值给value，然后想把value这个变量引入到ajax里的url地址里。

这时候你会发现，你访问的这个地址，value的值并未引入进来，而是把当做字符串进行处理。

也就是说js的值，是不能直接引用到twig里的。

原因是，twig解析的是php变量，而value是js变量，所以twig 默认认为是个字符串。

所以我们需要进行替换，就要用到replace

代码如下，大家可以和上面的代码自行对比：

<script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery(#my_input).change(function(){
      var value = jQuery(#my_input).val();
      var url = "{{ path('ParteAccidentes_ajax', {'emergencia': 'text'}) }}";
      url = url.replace("text", value);
      jQuery.ajax({
        url: url,
        timeout: 5000,
        success: function(data) {
          alert('ok');
        },
        error: function() {
          alert('mal');
        }
      });
    });
  });
</script>

本文永久地址：http://blog.it985.com/7020.html
本文出自 IT985博客，转载时请注明出处及相应链接。

更多关于PHP模板相关内容感兴趣的读者可查看本站专题：《PHP模板技术总结》、《smarty模板入门基础教程》、《codeigniter入门教程》及《ThinkPHP入门教程》

希望本文所述对大家PHP程序设计有所帮助。

您可能感兴趣的文章:

Laravel 4 初级教程之Pages、表单验证
本篇教程是本系列的完结篇，要做的是Pages的详细管理功能，表单验证以及命名空间的深度使用，和一个更好用的通知组件，并且布置一个简单的大作业。
2014-10-10
ThinkPHP3.2.3框架Memcache缓存使用方法实例总结
这篇文章主要介绍了ThinkPHP3.2.3框架Memcache缓存使用方法,结合实例形式总结分析看thinkPHP框架下Memcache缓存各种调用方法与配置相关操作技巧,需要的朋友可以参考下
2019-04-04
PHP实现微信申请退款流程实例代码
本篇文章给大家介绍php实现微信申请退款流程，使用到官方提供的SDK中的最重要的一个类文件WxPay.Api.php中提供的refund()方法来实现的，完整大家大家参考下本文
2018-03-03
yii2 commands模式以及配置crontab定时任务的方法
下面小编就为大家带来一篇yii2 commands模式以及配置crontab定时任务的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-08-08
使用Yii2实现主从数据库设置
大家应该都知道，当项目做大了，数据库主从还是不可少的。使用Yii框架开发，如何设置数据库的主从呢？其实很简单。下面这篇文章就给大家详细介绍了使用Yii2实现主从数据库设置的方法，文中介绍的很详细，相信对大家的理解和学习很有帮助，下面来一起学习学习吧。
2016-11-11
PHP利用imagick生成组合缩略图
这里说的imagick 是 ImageMagick 在PHP下的扩展，本文给大家介绍PHP利用imagick生成组合缩略图，需要的朋友参考下
2016-02-02
thinkphp5上传图片及生成缩略图公共方法(分享)
下面小编就为大家分享一篇thinkphp5上传图片及生成缩略图公共方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-01-01
YII框架中使用memcache的方法详解
这篇文章主要介绍了YII框架中使用memcache的方法,结合实例形式分析了Yii框架中使用memcache的配置、用法与注意事项,需要的朋友可以参考下
2017-08-08
ThinkPHP5+UEditor图片上传到阿里云对象存储OSS功能示例
这篇文章主要介绍了ThinkPHP5+UEditor图片上传到阿里云对象存储OSS功能,结合实例形式分析了ThinkPHP5使用富文本编辑器UEditor实现图片上传到阿里云的相关操作技巧,需要的朋友可以参考下
2019-08-08
thinkPHP5.1框架中Request类四种调用方式示例
这篇文章主要介绍了thinkPHP5.1框架中Request类四种调用方式,结合实例形式分析了thinkPHP5.1框架中Request类传统调用、静态调用、依赖注入及request属性四种调用方式,需要的朋友可以参考下
2019-08-08