javascript - 使用JavaScript将Laravel Blade 模板附加/添加到当前 View

所以，我有这个：

item.blade.php（位置：“ 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>

现在我想做的是单击添加项目按钮时，它还应该在pages.components.item（id）div内添加另一个list模板。

我已经尝试过这些帖子的答案：


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


但是两个答案都行不通。

最佳答案

作为the 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或Angular之类的前端框架。

关于javascript - 使用JavaScript将Laravel Blade 模板附加/添加到当前 View ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/60511042/