Example AJAX call via jQuery and a Twig template and using a GET request

footer.ajax.ex.html.twig

{# Example AJAX call via jQuery and a Twig template and using a GET request #}

{% block footer_scripts %}
    {% javascripts
        'js/jquery.js'
        filter='yui_js'
    %}
    <script type="text/javascript" src="{{ asset_url }}"></script>
    {% endjavascripts %}
    <script type="text/javascript">
        // simple request function
        function req(){

            // build our route and request
            var path = '/app_dev.php/show';
            var req,
                 el = document.getElementById("slug");

            // get our route uri friendly
            if("textContent" in el){
                req = encodeURIComponent('slug='+el.textContent);
            }
            else{
                req = encodeURIComponent('slug='+el.innerText);
            }
            
            // the AJAX call via JQuery
            $.ajax({
                type: "GET",
                url: path,
                data: req,
                dataType: "text",
                success: function(msg){
                    $("#result").html(msg);
                }
            });
            return false;
        }
    </script>
{% endblock footer_scripts %}