使用JavaScript将Laravel刀片模板附加/添加到当前视图

2022-07-14 00:00:00 php javascript laravel laravel-blade

所以,我有这个:

item.blade.php(Locaton:‘Pages/Components/item.blade.php’)

<div>
 // some php logic
test
</div>

list.blade.php

// some laravel blade logic

<script>
    function onAddItem() {

// the code above doesn't work
        $.get("visitor.pages.service.html", function(data){
           $('#appends').append(data);
        });
      }
    }

</script>


<div>
  <button onclick="onAddItem()">add item</button>

  <div id="list">
    @include('pages.components.item', ['someVars'=> false]); //this displays OK
  </div>

</div>

现在我想做的是,当我单击Add Item按钮时,它还应该在list(Id)div中添加另一个pages.components.item模板。

我已经在这些帖子上尝试了答案:

  • Appending Laravel Blade from JQuery
  • https://stackoverflow.com/a/40219813/2784493

但两个答案都不起作用。


解决方案

ASthe answer pointed您不能这样做,因为刀片是在服务器端处理的。不过,有一种解决办法,但代价高昂且容易出现漏洞:创建自定义路由,在需要时输出所需的刀片文件。

routes.php中:

Route::get('/blades/{path_to_blade}', function($path_to_blade){
    return view($path_to_blade);
})->where('path_to_blade', '^[a-z0-9\_-.]+$');
然后,您可以使用AJAX调用或其他方法来调用所请求的模板。我正在使用jQuery作为演示:

$.ajax({
    url: "/blades/template.path",
    cache: false,
    success: function(html){
        $("#element_in_which_to_insert").append(html);
    }
});
您也可以在浏览器中请求模板:/blades/template.path。但再次声明:此方法容易出现漏洞。您应该改用前端框架,如VUE或ANGLE。

相关文章