树枝模板内的变量jquery

Question

我试图在twig模板中使用jquery变量来通过ajax发送,但我无法访问树枝内的jquery变量:

我的代码是:

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

错误显示变量值不存在(在"url:..."行中)

谢谢!

Answer 1

问题是Twig是在JavaScript之前启动的,并且Twig无法识别变量"id_emergencia".你可以做一个技巧.您可以将字符串作为参数放置,然后在JavaScript代码中将字符串替换为变量的值.这样,在启动AJAX请求之前,您将始终拥有正确的URL.

你可以这样做:

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