当前位置:首页 > CMS教程 > 其它CMS > 列表

twig里使用js变量的方法

发布:smiling 来源: PHP粉丝网  添加日期:2021-07-09 10:57:44 浏览: 评论:0 

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

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

先看一段代码:

  1. <script type="text/javascript"
  2.   jQuery(document).ready(function(){ 
  3.     jQuery(#my_input).change(function(){ 
  4.       var value = jQuery(#my_input).val(); 
  5.       jQuery.ajax({ 
  6.         url: {{ path('ParteAccidentes_ajax', {'emergencia': value}) }}, 
  7.         timeout: 5000, 
  8.         success: function(data) { 
  9.           alert('ok'); 
  10.         }, 
  11.         error: function() { 
  12.           alert('mal'); 
  13.         } 
  14.       }); 
  15.     }); 
  16.   }); 
  17. </script> 

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

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

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

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

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

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

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

  1. <script type="text/javascript"
  2.   jQuery(document).ready(function(){ 
  3.     jQuery(#my_input).change(function(){ 
  4.       var value = jQuery(#my_input).val(); 
  5.       var url = "{{ path('ParteAccidentes_ajax', {'emergencia': 'text'}) }}"
  6.       url = url.replace("text", value); 
  7.       jQuery.ajax({ 
  8.         url: url, 
  9.         timeout: 5000, 
  10.         success: function(data) { 
  11.           alert('ok'); 
  12.         }, 
  13.         error: function() { 
  14.           alert('mal'); 
  15.         } 
  16.       }); 
  17.     }); 
  18.   }); 
  19. </script>

Tags: twig+js变量

分享到: