JS: Defining laravel route inside JS Function with parameter

Question

I am going to send an AJAX request inside a Laravel Blade. This is my code:

function submitForm(userId) {
var ajaxUrl = '{!! route("user-role-update", '+userId+') !!}'
        $.ajax({
            type: 'PUT',
            url: ajaxUrl,
            data: {
                _token: "{!! csrf_token() !!}",
                'newRoles': userRoleTableData
            },

In the controller, I returned the userId to check if the userId is passed to the URL or not, but the result was not returning the userId:

{ 
  "msg": "Something wrong while deleting the old roles--",
  "id":"+userId+",
  "isUserRoleSaved":false
}

Instead of returning the userId, it returns the variable "userId" with the "+" from JS script. How can I solve this?

This is basic logic. PHP gets executed before JavaScript. PHP is on the server, JS is on the client and only executed when the user submits the form. Let's say that the PHP function returns https://example.com/{userId}. What PHP sees when it's rendering is "+userId+", when in fact that's only defined in the client. Either change your implementation on the server side to not require a userID URL at render or send 2 AJAX requests. — code
– code, Commented Oct 8, 2022 at 0:04

kaann.gunerr · Accepted Answer · 2022-10-08 00:07:58Z

1

function submitForm(userId) {
var url = '{{ route('user-role-update', ':userId') }}';
url = url.replace(':userId', userId);
    $.ajax({
        type: 'PUT',
        url: url,
        data: {
            _token: "{!! csrf_token() !!}",
            'newRoles': userRoleTableData
        },

edited Oct 8, 2022 at 0:07

answered Oct 8, 2022 at 0:04

kaann.gunerr

1701 silver badge14 bronze badges

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

1 Comment

DenjanD Over a year ago

Well at least it solved my problem. Works perfectly, thank you.

Collectives™ on Stack Overflow

JS: Defining laravel route inside JS Function with parameter

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related