Use js function variable in route

Question

I want to pass ID to my route via ajax but cant do that:

function test(id){
   $('#items').DataTable({
      ajax: {
      url: '{!!  route('routename', ['menu_id' => id]) !!}',
          type: 'POST'
      },

It says Use of undefined constant id. How can i use javascript variables to pass through route?

Answer 1

It is not possible to use javascript variables in PHP as server side code is executed before client side code. So you may assign JS variables to equal PHP variables but not the other way around. Check this out: https://stackoverflow.com/a/2379251/7377984

You have the following options:

1. Instead of route parameters, you may use request parameters
2. If you really want to use route parameters, you would have to store your routes in your JS code (e.g. if the route is http://www.example.com/routename/{menu_id}, you may store the route variable as an absolute url like so: var route = http://www.example.com/routename/ or as a relative url like so: var route = /routename/ and then in the ajax request append the route parameter like so url: route + id

Answer 2

I think you can do this :

function test(id){
   var Link = "{!! route('routename',['menu_id' => '']) !!}"+"/"+id;
   $('#items').DataTable({
      ajax: {
      url: Link,
      type: 'POST'
},

Answer 3

You Can try this.

$(document).on('click', '.clickClass', function () {

            var id=$(this).val();
            var action = "{{ URL::to('yourroutehere') }}/"+id;

            $(".hreflink").attr('href',action);
});

<a href="" class="hreflink">Action</a>