如何将ajax数据分配给 @foreach( @foreach ($loans as $loan))

Question

我有一个视图，其中一些数据显示在带有过滤选项的表中。当我从过滤部分选择搜索选项时，我只想刷新表格部分并显示更新的数据。这意味着最近的表数据应该清除表中应显示的新过滤数据。我已经使用 Ajax 成功地从数据库中过滤了数据。但无法在表中显示过滤后的数据（Ajax 响应）。我认为如果 ajaxdata(item)可以附加到@foreach( @foreach ($loans as $loan))问题将会解决。@extends('layouts.master')@section('content'){{--//Blade view--------------------------------------------------------------------------------------------------------}}<div class="">    <div class="card">        <div class="card-body">            <div class="row">                <div class="col-lg-12 borrower_id">                    <div class="pull-left">                        <h2>Pending Loans</h2>                    </div>                </div>                    <div class="col-xs-3 col-sm-3 col-md-3 "  >                        <h6>Branch</h6>                        <input class="form-control" type="text" placeholder="Branch Name" aria-label="Search" id="branch_selector" name="branch_selector" value="" >                    </div>                    <div class="col-xs-3 col-sm-3 col-md-3" >                        <h6>Center</h6>                        <input class="form-control" type="text" placeholder="Center Name" aria-label="Search" id="center_selector" name="center_selector" value="" >                    </div>                    <div class="col-xs-3 col-sm-3 col-md-3" >                        <h6>Group</h6>                        <input class="form-control" type="text" placeholder="Group Number" aria-label="Search" id="group_selector" name="group_selector" value="">                    </div>                    <div class="col-xs-3 col-sm-3 col-md-3" >                         <h6>Search</h6>                        <button type="submit"><i class="fa fa-search"></i></button>                    </div>            </div>        </div>    </div></div>{{-- @if ($message = Session::get('success'))<div class="alert alert-success">    <p>{{ $message }}</p></div>

Answer 1

您的问题的简单答案是：这是而且永远不可能。

更详细地说，您试图在这里混合两种截然不同的东西。循环@foreach是与 php 绑定的刀片模板机制。因此，当用户打开您的页面时，所有php 代码都会在服务器上执行，并在用户输出中删除。所以用户得到的只是 html，包括你的 javascript ajax 代码。javascript代码依次在用户浏览器中执行，但那时该@foreach机制早已不复存在。只需在浏览器中打开页面并使用浏览器的“查看源代码”选项即可查看剩下的内容。

因此，您需要在几个选项之间做出决定，以下是一个灵感列表：

• 忘记 Ajax 并直接调用 laravel get 路由并将刀片模板呈现为新页面

• 使用 ajax 并直接从 javascript 从头开始构建表格

• 使用像datatables这样的 js 库，您可以将所有数据放入其中，用户可以进行一些排序和过滤