如何将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 库，您可以将所有数据放入其中，用户可以进行一些排序和过滤