twig里使用js变量的方法
内容摘要
本文实例讲述了twig里使用js变量的方法的方法。分享给大家供大家参考，具体如下：
先看一段代码
<script type="text/javascript">
jQuery(document).ready(function(){
先看一段代码
<script type="text/javascript">
jQuery(document).ready(function(){
文章正文
本文实例讲述了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程序设计有所帮助。
代码注释
作者：喵哥笔记
