我如何在 Jquery 代码中包含 @include('layout.example') ？答案

【问题标题】：how do i include @include('layout.example') in Jquery code?我如何在 Jquery 代码中包含 @include('layout.example') ？
【发布时间】：2018-06-07 08:26:25
【问题描述】：

如果我有一个存储在 example.blade.php 中的小布局，我如何在 jquery 中使用它？

我想在选中特定单选按钮时包含某些元素，例如文本框，否则不会。

例子：

$("document").ready(function(){

    if ($("#role").prop( "checked")) {
        $("#content").html(@include('layouts.nav'));
    }
    else
    {
        $("#content").html('');
    }

});

上面的代码不起作用，请提供一些解决方案。

【问题讨论】：

你应该never mix JS and PHP。相反，使用 Ajax 更新 HTML 或将其呈现为隐藏的 HTML 并动态地将其放入#content。
$(function(){ $("#includedContent").load("b.html"); });在这里查看stackoverflow.com/a/38850417/5700401

标签： php jquery laravel laravel-5

【解决方案1】：

你不能那样做。 @include() 是 Blade，当 JS 在浏览器中运行时将由 PHP 解释。当代码进入浏览器时，Blade 指令已经被 PHP 解释了

【讨论】：

其实，如果JS在Blade文件中也可以这样做，但这是一种糟糕的做法。
如何解决？那么 JS 是在 Node 上运行的吗？

【解决方案2】：

您可以在视图中创建一个隐藏的 div，然后使用 jquery 获取它的 html 内容，这里是一个示例：

<div class="layouts-nav" style="display:none;">
    @include('layouts.nav')
</div>

<script>

    $("document").ready(function(){

        if ($("#role").prop( "checked")) {

            var layoutNav = $('#layouts-nav').html();
            $("#content").html(layoutNav);
        }
        else
        {
            $("#content").html('');
        }

    });

<script>

【讨论】：