如何在laravel中使用jquery load加载页面？

Question

我正在尝试在 Laravel 中使用 jquery 加载函数加载页面。 我的代码是，

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

当我尝试此代码时，出现错误，

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

当我尝试没有id变量的加载函数时，它工作正常。 喜欢，

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

如何正确加载id ？

Answer 1

只需将其作为合法路径传递，检查下面的代码

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

Answer 2

你在混合世界。

看一看，你在 JavaScript 中定义了id变量：

id = this.id;

但是后来你在 PHP 中使用它

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

您不能在 PHP 中使用 JavaScript 变量。 JavaScript 在浏览器中运行，PHP 在服务器上运行。 您需要做的是使用 PHP 生成初始化变量的 javaScript 代码。

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

该示例代码假定$id变量通过您的控制器传递给视图。

Answer 3

当我这样使用时它会完美地工作，

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

Answer 4

只需简单地做：

$(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);
  });
});

继续编码，并继续共享您的资源。