Laravel 4, Pass a variable to route in javascript

Question

How Can I pass the variable (stock.id) return from Ajax response to the route to generate the url to edit a stock

$.ajax({
            url: 'sectors/stocks/' + $(this).data('sector-id'),
            dataType:'json',
            beforeSend:function() {
                $('.stocks_list').html('Loading...');
            }
        })
        .done(function(data) {
            $('.stocks_list').html('<ul>');
            $.each(data, function(index, obj_data) {
                $.each(obj_data.stocks, function(indx, stock) {
                    $('.stocks_list').append('<li><a href="{{route("admin.stocks.edit","'+stock.id+'")}}">' + stock.symbol + ' </a></li>');     
                });
        });
    })

lukasgeiter · Accepted Answer · 2014-12-24 10:02:59Z

148

You can first use a placeholder to generate the URL with and then replace that in javascript.

var url = '{{ route("admin.stocks.edit", ":id") }}';
url = url.replace(':id', stock.id);
$('.stocks_list').append('<li><a href="'+url+'">' + stock.symbol + ' </a></li>');

edited Dec 24, 2014 at 10:02

answered Dec 24, 2014 at 9:12

lukasgeiter

154k29 gold badges349 silver badges280 bronze badges

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

3 Comments

Marwan Over a year ago

OK, It works now, Thanks, Actually I made a little change because Laravel escape the character %

lukasgeiter Over a year ago

Ooops you're right. What did you use instead of %?

Marwan Over a year ago

I just changed it to another string like S_id_E

fahad shaikh · Accepted Answer · 2020-09-13 06:59:03Z

15

In my opinion the simplest way is by concatenating javascript variable with blade string as follows.

Case 1: Route paramter is required

In this case pass the empty string in place of route parameter to by pass the required validation.

var url = "{{route('admin.stocks.edit', '')}}"+"/"+stock.id;

Case 2: Route paramter is optional

In this case you do not have to pass the empty string.

var url = "{{route('admin.stocks.edit')}}"+"/"+stock.id;

edited Sep 13, 2020 at 6:59

answered Sep 12, 2020 at 12:59

fahad shaikh

6312 gold badges16 silver badges38 bronze badges

Comments

Mayank Dudakiya · Accepted Answer · 2019-02-22 06:45:20Z

Best way to use route in ajax.

Add route in hidden input or take as a attribute into the button or link. Like below.

This will save the other jquery code like get id and pass into the url. It's simple just get the url from input and pass as a URL. That's it.

<a data-url="{{ route('delete.PendingPatient',['id' => $u->id]) }}" class="btn btn-xs btn-danger btn_delete"> Delete </a>

Route

<?php

Route::delete('/pending_patient/{id}','PatientController@pending_patient'])->name('delete.PendingPatient');

jQuery

    <script type="text/javascript">
        jQuery(document).ready(function(){

          jQuery(document).on('click','.btn_delete',function(){
             var current = jQuery(this);
             var url = current.data('url');

             $.ajax({
                    url: url,
                    dataType:'json',
                    beforeSend:function() {
                        $('.stocks_list').html('Loading...');
                    }
                })
                .done(function(data) {
                    $('.stocks_list').html('<ul>');
                });

              });

         });
     });
</script>

Carolina · Accepted Answer · 2017-08-24 08:45:54Z

4

Thanks lukasgeiter, you make my day. It works. Only must to change the replace method because laravel scape ":" to "%3A"

var url = '{{ url("/admin/solicitud", ":id") }}';
url = url.replace('%3Aid', data.datos[i].id);
dhtml+='<td><a href="'+url+'" class="btn btn-primary" role="button">Ver más...</a></td>';

or simple let the id string only

var url = '{{ url("/admin/solicitud", "id") }}';
url = url.replace('id', data.datos[i].id);
dhtml+='<td><a href="'+url+'" class="btn btn-primary" role="button">Ver más...</a></td>';

answered Aug 24, 2017 at 8:45

Carolina

1512 silver badges7 bronze badges

Comments

Ninad Desai · Accepted Answer · 2025-06-07 10:33:32Z

0

I am not sure if this is relavant even after 10 years.

This is how I solved it with laravel 11

let tmp_url = "{{ route("my_your_url",['param1'=>'value1','param2'=>'--v2','param3'=>'--v3','param4'=>'--v4']) }}";

let url = tmp_url
   .replace('--v2',$("#v2").val()) // u can get any javascript variable as well.
   .replace('--v3',$("#v3").val())
   .replace('--v4',$("#v4").val())
   .replace();

answered Jun 7 at 10:33

Ninad Desai

5631 gold badge7 silver badges11 bronze badges

Comments

sh6210 · Accepted Answer · 2021-07-27 06:13:17Z

-1

let calculatedId = e.currentTarget.id.split("_")[1];

let url = '{{route('queryToggleStatus', ':queryId')}}';

url = url.replace(':queryId', calculatedId);

$.get(url, function(data, status) {
  console.log (data);
})

answered Jul 27, 2021 at 6:13

sh6210

4,5881 gold badge42 silver badges30 bronze badges

1 Comment

meYnot Over a year ago

Its the same as @lukasgeiter solution!

Ahmad Schofield · Accepted Answer · 2024-03-21 13:05:05Z

-1

if is required param:

$("#program_id").change(function (e) {
    const $programId = $(this).val();
    $.ajax({
        url: `{{route('get-group-subjects-by-program', '')}}/${$programId}`,
        context: document.body,
        type: "GET",
        .
        .
        .
    });
});

If not required param:

$("#program_id").change(function (e) {
    const $programId = $(this).val();
    $.ajax({
        url: `{{route('get-group-subjects-by-program')}}/${$programId}`,
        .
        .
        .
    });
});

answered Mar 21, 2024 at 13:05

Ahmad Schofield

371 silver badge6 bronze badges

Collectives™ on Stack Overflow

Laravel 4, Pass a variable to route in javascript

7 Answers 7

3 Comments

Comments

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

3 Comments

Comments

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related