如何将html包装成javascript变量并传递给blade？

在ajax on success函数中，我收到了一些值，我希望将该值传递到div中

这是blade视图中我要传递值的div

<div id = "demo">
</div>

这是我接收值的javascript代码

            success: function (data) {
            var getsellerreport = data.getsellerreport;
            var output = '<tbody>
            @foreach($getsellerreport as $preport)
              <tr>
                <td>{{ $preport['product_id'] }}</td>
                </tr>
           @endforeach
           </tbody>';
            document.getElementById("demo").innerHTML = output;
             }

成功：函数（数据）{
var getsellerreport=data.getsellerreport；
var输出
@foreach（$getSellerReportas$preport）
{{$preport['product_id']}
@endforeach
';
document.getElementById（“demo”）.innerHTML=输出；
}

根据这段代码，我正在使用

output='html'

存储html，并试图在

demo

中传递输出，但它不起作用

---

有人能帮我吗？如何将html从脚本传递到blade视图？

问题是，

blade

不是JavaScript或html中可以直接使用的。这行不通。如果您需要用JavaScript编写它们，那么您需要用JavaScript的方式编写代码

下面是一个如何处理模拟数据的示例

$（文档）.ready（函数（）{
美元({
网址：'https://gorest.co.in/public-api/users',
成功：功能（数据）{
//var getsellerreport=data.getsellerreport；
var getsellerreport=[{
产品id:1，产品名称：“产品1”，
}, {
产品id:2，产品名称：“产品2”，
}, {
产品id:3，产品名称：“产品3”，
}];
变量输出=`
${getsellerreport.map（函数（preport）{
返回`${preport.product_id}-${preport.product_name}`；
}).join（'\n'）}
`;
document.getElementById（“demo”）.innerHTML=输出；
}
});
});

我也在使用model preport->product->name获取产品名称。您是否有过将产品名称转换为脚本的经验？没问题。只需在
map
函数中编写您想要的内容即可。