How to load a page using jquery load in laravel?

Question

I am trying to load a page using jquery load function in laravel. My code is,

$(document).ready(function() {
    $('.btn').on('click', function(){
        id = this.id;
        $('#div-details').load('{{URL::to("users/details/'+id+'/view")}}');
    });
});

When I try this code I am getting an error,

syntax error, unexpected ''+id+'' (T_CONSTANT_ENCAPSED_STRING)

When I try the load function without id variable works fine. Like,

 $('#div-details').load('{{URL::to("users/details/55/view")}}');

How can I load the id properly ?

Hit static url not the expression you wrote like $('#div-details').load('users/details/55/view');. can you post the result of it. — Jai
– Jai, Commented Sep 10, 2015 at 9:13
@VinodVT then you can use it: $('#div-details').load('users/details/'+id+'/view'); — Jai
– Jai, Commented Sep 10, 2015 at 9:18

CDF · Accepted Answer · 2015-09-10 09:25:25Z

2

Just pass it as a legal path, check the code below

$(document).ready(function() {
$('.btn').on('click', function(){
    var id = $(this).attr('id');
    $('#div-details').load('users/details/'+id+'/view');
});});

answered Sep 10, 2015 at 9:25

CDF

1945 bronze badges

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

Comments

Javi Stolz · Accepted Answer · 2015-09-10 09:27:26Z

2

You are mixing worlds.

Take a look, you defined the id variable in JavaScript:

id = this.id;

But then later you use it in PHP

{{URL::to("users/details/'+id+'/view")}}

You cannot use a JavaScript variable in PHP. JavaScript runs in the browser and PHP runs on the server. What you have to do is use PHP to generate the javaScript code that initialises the variable.

$(document).ready(function() {
    $('.btn').on('click', function(){
        id = '{{$i}}';
        $('#div-details').load('{{URL::to("users/details/'+id+'/view")}}');
    });
});

That sample code assumes the $id variable is passed to the view via your controller.

answered Sep 10, 2015 at 9:27

Javi Stolz

4,7531 gold badge32 silver badges27 bronze badges

Comments

Vinod VT · Accepted Answer · 2015-09-24 06:18:20Z

0

It will work perfectly when I use like this,

$(document).ready(function() {
$('.btn').on('click', function(){
    var id = $(this).attr('id');
    $('#div-details').load('{{URL::to("users/details/")}}/'+id+'/view');  // Load like this
});});

answered Sep 24, 2015 at 6:18

Vinod VT

7,18912 gold badges54 silver badges78 bronze badges

Comments

Ripon Uddin · Accepted Answer · 2021-02-16 05:42:55Z

0

Just do it simply :

$(document).ready(function() {
  $('.btn').on('click', function(){
      var id = this.id;
      var url = "users/details/"+id+"/view";
      $('#div-details').load(url);
  });
});
// Another Way 
$(document).on('click','.btn', function(){
      var id = this.id;
      var url = "users/details/"+id+"/view";
      $('#div-details').load(url);
  });
});

Keep coding, and keep sharing your resource.

answered Feb 16, 2021 at 5:42

Ripon Uddin

7333 gold badges15 silver badges31 bronze badges

Collectives™ on Stack Overflow

How to load a page using jquery load in laravel?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related