Fetch an ID from a URL and pass it to the laravel controller in VueJS

Question

I'm trying to submit a form which is in Vue and my route is

http://cricketstats.test/en/dashboard/players/z2d4ca09a7/india/941/runs

Here 941 is the player id. I want this id also to be passed to the laravel controller along with the remaining form data.

Is there have anyway to fetch this id from the url in vue, and pass it to the laravel controller?

Have you tried using axios/ajax?

MONSTEEEER
– MONSTEEEER

2022-04-05 02:58:17 +00:00
Commented Apr 5, 2022 at 2:58 — MONSTEEEER
– MONSTEEEER, Commented Apr 5, 2022 at 2:58

kapitan · Accepted Answer · 2022-04-05 03:32:33Z

1

The simple code below will extract what you need.

After this, all you need to do is make an ajax/axios request going to the controller.

var url = 'http://cricketstats.test/en/dashboard/players/z2d4ca09a7/india/941/runs';
var url_split = url.split("/");
var my_id_location = url_split.length - 2;
var my_id = url_split[my_id_location];
console.log(my_id );

Here's an idea about how you can send the data to the controller using ajax:

$.ajax({
  url: "/your/url",
  method: 'POST',
  data: {id:my_id, _token:token},
  success: function(data) {
    //if success
  }
});

edited Apr 5, 2022 at 3:32

answered Apr 5, 2022 at 3:01

kapitan

2,2523 gold badges23 silver badges35 bronze badges

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

2 Comments

Volka Dimitrev Over a year ago

okay, here i'm having small question, when passing this value to the controller how can I do it, because it's not a form data, hence i can't use formData.append, right?

kapitan Over a year ago

i have updated the answer and used ajax instead of axios for simplicity.

Collectives™ on Stack Overflow

Fetch an ID from a URL and pass it to the laravel controller in VueJS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related