Sending value with path via Ajax Symfony3 & Twig

Question

I'm trying to send a value into a path to a Symfony Controller vía Ajax. I am sure that I'm wrong in sending, but I can't find the error

Let me share the code:

View

I've written

<script type="text/javascript">  
$("#my-select").change(function(event){
 var id=$("#my-select").val();  
 var path = "path('go_to_route/" + id+ "')";      
 var route="{{ "+path+" }}";
 alert(path); 
 $.ajax({
  url : route,
  data : {},
  type : 'POST',
  dataType : '',
  success : function(data) {
  alert(data);
  },                
  error : function(xhr, status) {
  alert('Error');
  },
  complete : function(xhr, status) {
  //alert('Finally');
  }
  });
}); 
</script>

Routing

In routing.yml

go_to_route:
path:     /my-route/{id}
defaults: { _controller: myBundle:MyController:myFunction }

This Action is in MyBundle/MyController

Controller

public function myFunctionAction($id){
return new Response($id);
}

Ajax always return "Error" message. I' think that the error happened while sending the value. I've tried, but it doesn't work. What am I doing wrong? This is my first week with Symfony. I'll be grateful for help.

You could try : var route= '/my-route/' + id on your javascript. Regards — Albeis
– Albeis, Commented May 30, 2017 at 18:58
Have you debugged it? Is the request sent? By going to Network on development console... — Albeis
– Albeis, Commented May 30, 2017 at 19:05

Kep · Accepted Answer · 2017-05-30 19:50:27Z

1

Instead of

var path = "path('go_to_route/" + id+ "')";      
var route="{{ "+path+" }}";

Use:

var path = "{{ path('go_to_route', {'id': '__ID__'}) }}";       // Result: var path = "my_route/__ID__";
path = path.replace("__ID__", id);                              // Result: path equals "my_route/17" for example

answered May 30, 2017 at 19:50

Kep

5,88721 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

diegobarriosdev Over a year ago

Works great! Thanks so much!

simon.ro · Accepted Answer · 2017-05-30 19:52:10Z

1

var path = "path('go_to_route/" + id+ "')";

Is just a string. Twig doesnt parse that expression, because its not inside {{

You could do

var path ='{{ path("go_to_route", {'id': 'xxx'}) }}'; // /my-route/xxx
path = path.replace("xxx", id); // replace xxx with your id

You need that replace-value, because twig doesn't know our js-variable id.

And theres no need for that var route="{{ "+path+" }}";

All together:

<script type="text/javascript">  
$("#my-select").change(function(event){
 var id=$("#my-select").val();  
 var path ='{{ path("go_to_route", {'id': 'xxx'}) }}';
 path = path.replace("xxx", id);
 $.ajax({
  url : path,
  data : {},
  type : 'POST',
  dataType : '',
  success : function(data) {
  alert(data);
  },                
  error : function(xhr, status) {
  alert('Error');
  },
  complete : function(xhr, status) {
  //alert('Finally');
  }
  });
}); 
</script>

Alternative

A much cleaner approach would be to use https://github.com/FriendsOfSymfony/FOSJsRoutingBundle

answered May 30, 2017 at 19:52

simon.ro

3,3503 gold badges25 silver badges45 bronze badges

1 Comment

diegobarriosdev Over a year ago

Works fine! Thanks for explication

Collectives™ on Stack Overflow

Sending value with path via Ajax Symfony3 & Twig

View

Routing

Controller

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

View

Routing

Controller

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related