Laravel - Call route with required parameter using Javascript

Question

I have a named route with a required parameter like this:

../storeRecord/{id}

I want to pass a value to ID from the results of a search. It's a form which has a search bar to assign new data to the search results. I first search for an object and then use its ID to identify the object to which the new data must be saved.

I tried to first create a string using Javascript string concatenation, and then set that as a form action. My inline JS looks like this.

<script>
    ...
    var $rVal = String($('#result').attr('value'));
    var $formAction = "{{route('storeRecord',[" + $rVal + "])}}";
</script>

This throws an "undefined variable : rVal" error. The error seems to be due to the double curly braces which have not been terminated within the first part of the string.

I need to know how to use the search result for the required parameter.

This is due to that fact that you can't mix javascript and php in this way. The PHP is going to be run on the server and then sent through to the browser. — Rwd
– Rwd, Commented Nov 22, 2016 at 15:27
True, I understood that the Blade Engine pre-processes it and throws the error. I ended up using the URL that calls the route. Thanks. — merovingienne
– merovingienne, Commented Dec 19, 2016 at 5:25

yoeunes · Accepted Answer · 2017-05-09 16:06:45Z

2

you can't mix javascript with php, try to call your backend like this :

 <script>
    ...
    var $rVal = String($('#result').attr('value'));
    var $formAction = "{{ url('storeRecord') }}/" + $rVal;
 </script>

answered May 9, 2017 at 16:06

yoeunes

2,9452 gold badges17 silver badges29 bronze badges

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

Comments

Danilo De Los Santos · Accepted Answer · 2021-12-17 00:03:37Z

0

While it's true that you can't mix javascript and php in this way. You can achieve a similar result by doing:

<script>
    ...
    var recordId= 1;
    var formAction = '{{ route('storeRecord', ['id' => ':id']) }}';
    formAction = formAction.replace(':id', recordId);
</script>

answered Dec 17, 2021 at 0:03

Danilo De Los Santos

211 silver badge5 bronze badges

Collectives™ on Stack Overflow

Laravel - Call route with required parameter using Javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related