最新消息:文章中包含代码时,请遵守代码高亮规范!

twig里使用js变量【原创】

JavaScript Gordon 4740浏览 2评论

先看一段代码

<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>

转载时请注明出处及相应链接,本文永久地址:https://blog.yayuanzi.com/7020.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者gordon的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!

网友最新评论 (2)

  1. 不叫引入,叫使用!twig编译在执行js前
    Jason2015-01-22 10:23