javascript - Laravel 5.6，如何从一个函数返回两个 View

标签 javascript php jquery laravel laravel-routing

我使用 Laravel 5.6 和 Ajax 进行 CRUD 操作。 我的问题有点难以解释，但我会尽量生动。我有一个带有分配函数的 AssetController 。该函数有一个返回语句，即: return view('/assets/unassigned_asset_ajax',compact('asset_categories', 'asset_received','assets', 'manufacturers', 'departments', 'staffs', 'unassigned_assets', 'assigned_assets')); 并且这替换未分配选项卡中的表格为数据库中的当前数据(这是为了避免在提交时重新加载并且工作得很好)但是我想要返回两个不同的 HTML 文件(unassigned_asset_ajax 和signed_asset_ajax)，该文件将用一个函数(分配函数)替换已分配和未分配选项卡中的表格)为什么因为我在我的 View 中使用选项卡，所以当我分配未分配的 Assets 时， Assets 应该通过重新加载页面从未分配的选项卡移动到已分配的选项卡。 我如何完成此任务，从一个函数返回两个 View ？

AssetController.php

public function assign(Request $request){
        $rules = array(
            'assignment_id' => '',
            'asset_id' => 'required',
            'staff_id' => 'required',
            'department_id' => 'required',
            'date' => 'required',
            'status' => 'required',
        );
        $validator = Validator::make($request->all(), $rules);
        if ($validator->fails())
            return response::json([
                'fail' => true,
                'errors' => $validator->errors()
            ]);

        else{
            $assignments =  new Assignment;
            $assignments  ->assignment_id = $request->assignment_id;
            $assignments  ->staff_id  = $request->staff_id;
            $assignments  ->asset_id = $request->asset_id;
            $assignments  ->department_id = $request->department_id;
            $assignments  ->date  = $request->date;
            $assignments  ->status = $request->status;

            $asset = Asset::where('asset_id', '=' ,$assignments->asset_id = $request->asset_id)->
            where('status', '=' ,'Unassigned')->first();
            $asset->status = 'Assigned';

            $asset->save();
            $assignments ->save();

            $asset_categories = Asset_category::all();
            $asset_received = Asset_received::all();
            $assets = Asset::all();
            $unassigned_assets = Asset::all();
            $assigned_assets = Assignment::select('asset_id')->groupBy('asset_id')->get();
            $manufacturers = Manufacturer::all();
            $departments = Department::all();
            $staffs = Staff::all();

                return view('/assets/unassigned_asset_ajax', compact('asset_categories', 'asset_received',
                    'assets', 'manufacturers', 'departments', 'staffs', 'unassigned_assets', 'assigned_assets'));

        }

        }

T执行表替换的 JS 文件。

  $(document).on('click', 'button.assign-asset', function() {
    $.ajax({
        type: 'post',
        url: '/assignUnassigned',
        data: {
            '_token': $('input[name=_token]').val(),
            'asset_id': $('input[name=un_asset_id]').val(),
            'staff_id': $("#staff_id option:selected").val(),
            'department_id': $("#department_id option:selected").val(),
            'date': $('input[name=unassigned_date]').val(),
            'status': $("#unassigned_status option:selected").val(),
        },
        success: function(data) {
            if((data.errors)){
                $('#edit-error').removeClass('hidden');
                $('#edit-error').text(data.errors.tag_id);
                $('#edit-error').text(data.errors.staff);
                $('#edit-error').text(data.errors.department);
                $('#edit-error').text(data.errors.date);
                $('#edit-error').text(data.errors.status);
            }else{
                $('#edit-error').remove();
                $('#unassigned').html(data);
            }
        }
    });
});

index.blade.php( View )

<div class="tab-pane" id="assigned">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="card-box">
                                    <h4 class="m-t-0 header-title"><b>ASSIGNED ASSETS</b></h4>

                                    <table id="assigned-asset-table" class="table table-borderless" data-page-size="7">
                                        <thead>
                                        <tr>
                                            <th>Tag ID</th>
                                            <th>Category</th>
                                            <th>Colour</th>
                                            <th>Serial Number</th>
                                            <th>Model Number</th>
                                            <th>No Of Times Assigned</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($assigned_assets->all() as $assigned)

                                                <tr>
                                                    <td>{{ $assigned->asset['tag_id'] }}</td>
                                                    <td>{{ $assigned->asset->asset_categories['category'] }}</td>
                                                    <td>{{ $assigned->asset['colour'] }}</td>
                                                    <td class="serial">{{ $assigned->asset['serial_number'] }}</td>
                                                    <td>{{ $assigned->asset['model_number'] }}</td>
                                                    <td>{{ $assigned->count }}</td>
                                                    <div class="button-list">
                                                        <td>
                                                            <a href='{{ url("/update_assignment/{$assigned->assignment_id}") }}' class="label label-success">Update</a> |
                                                            <a href='' class="label label-success" data-toggle="modal" data-target="#custom-width-modal-{{ $assigned->asset['asset_id'] }}">View Assignments</a>
                                                            <a href='' class="label label-inverse" data-toggle="modal" data-target="#myModal-{{-- $user_support->asset['asset_id'] --}}">View Repairs</a>
                                                            <a href='' class="label label-success" data-toggle="modal" data-dismiss="modal"  data-target="#addsupport-modal-{{ $assigned->asset['asset_id'] }}">Add Support</a>
                                                            <a href='{{ url("/reassign/{$assigned->assignment_id}") }}' class="label label-success">Reassign</a> |
                                                            <a href=' {{ url("/delete_assignment/{$assigned->assignment_id}") }}' class="label label-danger">Delete</a>
                                                        </td>
                                                    </div>
                                                </tr>
                                        @endforeach

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

<div class="tab-pane" id="unassigned">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="card-box">
                                    <h4 class="m-t-0 header-title"><b>UNASSIGNED Asset Details</b></h4>

                                    <table id="unassigned-asset-table" class="table table-borderless" data-page-size="7">
                                        <thead>
                                        <tr>
                                            <th>Tag ID</th>
                                            <th>Category</th>
                                            <th>Manufacturer</th>
                                            <th>Serial Number</th>
                                            <th>Model Number</th>
                                            <th>Colour</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($unassigned_assets->where('status', '=' ,'Unassigned') as $unassigned)
                                            <tr class="unassigned_asset{{$unassigned->asset_id}}">
                                                <td>{{ $unassigned->tag_id}}</td>
                                                <td>{{ $unassigned->asset_categories['category']}}</td>
                                                <td>{{ $unassigned->manufacturers['manufacturer']}}</td>
                                                <td>{{ $unassigned->serial_number}}</td>
                                                <td>{{ $unassigned->model_number}}</td>
                                                <td>{{ $unassigned->colour}}</td>
                                                <td>
                                                    <a href='#' class="assign-unassigned label label-success" data-asset-id="{{$unassigned->asset_id}}"
                                                       data-tag-id="{{$unassigned->tag_id}}">
                                                        <span class="glyphicon glyphicon-edit"></span> Assign
                                                    </a>
                                                    |<button class=" btn btn-inverse" data-toggle="modal" data-target="#listrecorded{{--$asset_receive->asset_received_id--}}">
                                                        <span id="r-footer_action_Btn" class="glyphicon glyphicon-eye-open"></span> View
                                                    </button>
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

这就是index.php的样子 Index.php

返回的 HTML 文件 (unassigned_asset_ajax)

<div class="row">
<div class="col-lg-12">
    <div class="card-box">
        <h4 class="m-t-0 header-title"><b>UNASSIGNED Asset Details</b></h4>

        <table id="unassigned-asset-table" class="table table-borderless" data-page-size="7">
            <thead>
            <tr>
                <th>Tag ID</th>
                <th>Category</th>
                <th>Manufacturer</th>
                <th>Serial Number</th>
                <th>Model Number</th>
                <th>Colour</th>
            </tr>
            </thead>
            <tbody>
            @foreach($unassigned_assets->where('status', '=' ,'Unassigned') as $unassigned)
                <tr class="unassigned_asset{{$unassigned->asset_id}}">
                    <td>{{ $unassigned->tag_id}}</td>
                    <td>{{ $unassigned->asset_categories['category']}}</td>
                    <td>{{ $unassigned->manufacturers['manufacturer']}}</td>
                    <td>{{ $unassigned->serial_number}}</td>
                    <td>{{ $unassigned->model_number}}</td>
                    <td>{{ $unassigned->colour}}</td>
                    <td>
                        <a href='#' class="assign-unassigned label label-success" data-asset-id="{{$unassigned->asset_id}}"
                           data-tag-id="{{$unassigned->tag_id}}">
                            <span class="glyphicon glyphicon-edit"></span> Assign
                        </a>
                        |<button class=" btn btn-inverse" data-toggle="modal" data-target="#listrecorded{{--$asset_receive->asset_received_id--}}">
                            <span id="r-footer_action_Btn" class="glyphicon glyphicon-eye-open"></span> View
                        </button>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</div>

要返回的另一个 HTML 文件 (assigned_asset_ajax)

<div class="row">
<div class="col-lg-12">
    <div class="card-box">
        <h4 class="m-t-0 header-title"><b>ASSIGNED ASSETS</b></h4>

        <table id="assigned-asset-table" class="table table-borderless" data-page-size="7">
            <thead>
            <tr>
                <th>Tag ID</th>
                <th>Category</th>
                <th>Colour</th>
                <th>Serial Number</th>
                <th>Model Number</th>
                <th>No Of Times Assigned</th>
            </tr>
            </thead>
            <tbody>
            @foreach($assigned_assets->all() as $assigned)
                {{--@if($assignment)--}}
                <tr>
                    <td>{{ $assigned->asset['tag_id'] }}</td>
                    <td>{{ $assigned->asset->asset_categories['category'] }}</td>
                    <td>{{ $assigned->asset['colour'] }}</td>
                    <td class="serial">{{ $assigned->asset['serial_number'] }}</td>
                    <td>{{ $assigned->asset['model_number'] }}</td>
                    <td>{{ $assigned->count }}</td>
                    <div class="button-list">
                        <td>
                            <a href='{{ url("/update_assignment/{$assigned->assignment_id}") }}' class="label label-success">Update</a> |
                            <a href='' class="label label-success" data-toggle="modal" data-target="#custom-width-modal-{{ $assigned->asset['asset_id'] }}">View Assignments</a>
                            <a href='' class="label label-inverse" data-toggle="modal" data-target="#myModal-{{-- $user_support->asset['asset_id'] --}}">View Repairs</a>
                            <a href='' class="label label-success" data-toggle="modal" data-dismiss="modal"  data-target="#addsupport-modal-{{ $assigned->asset['asset_id'] }}">Add Support</a>
                            <a href='{{ url("/reassign/{$assigned->assignment_id}") }}' class="label label-success">Reassign</a> |
                            <a href=' {{ url("/delete_assignment/{$assigned->assignment_id}") }}' class="label label-danger">Delete</a>
                        </td>
                    </div>
                </tr>
                {{--@endif--}}
            @endforeach
            {{--@foreach($unassigned_assets->where('status', '=' ,'Unassigned') as $unassigned)--}}
            {{--<tr class="unassigned_asset{{$unassigned->asset_id}}">--}}
            {{--<td>{{ $unassigned->tag_id}}</td>--}}
            {{--<td>{{ $unassigned->asset_categories['category']}}</td>--}}
            {{--<td>{{ $unassigned->manufacturers['manufacturer']}}</td>--}}
            {{--<td>{{ $unassigned->serial_number}}</td>--}}
            {{--<td>{{ $unassigned->model_number}}</td>--}}
            {{--<td>{{ $unassigned->colour}}</td>--}}
            {{--<td>--}}
            {{--<a href='#' class="assign-unassigned label label-success" data-asset-id="{{$unassigned->asset_id}}"--}}
            {{--data-tag-id="{{$unassigned->tag_id}}">--}}
            {{--<span class="glyphicon glyphicon-edit"></span> Assign--}}
            {{--</a>--}}
            {{--|<button class=" btn btn-inverse" data-toggle="modal" data-target="#listrecorded--}}{{--$asset_receive->asset_received_id--}}{{--">--}}
            {{--<span id="r-footer_action_Btn" class="glyphicon glyphicon-eye-open"></span> View--}}
            {{--</button>--}}
            {{--</td>--}}
            {{--</tr>--}}
            {{--@endforeach--}}
            </tbody>
        </table>
    </div>
</div>

Web.php

Route::post('/assignUnassigned', 'AssetController@assign');

预先感谢您的任何建议。

最佳答案

您可以将 View html 存储到变量或数组并将其作为 json 返回。然后在 javascript 中访问这些值并直接放入 div 中。 了解 render()功能。

在 Controller 中:

return response::json([
            'view_1' => view('/assets/unassigned_asset_ajax', compact('asset_categories', 'asset_received', 'assets', 'manufacturers', 'departments', 'staffs', 'unassigned_assets', 'assigned_assets'))->render(),
            'view_2' => view('/assets/assigned_asset_ajax', compact('asset_categories', 'asset_received', 'assets', 'manufacturers', 'departments', 'staffs', 'unassigned_assets', 'assigned_assets'))->render()
        ]);

在 JavaScript 中:

if ((data.errors)) {
        $('#edit-error').removeClass('hidden');
        $('#edit-error').text(data.errors.tag_id);
        $('#edit-error').text(data.errors.staff);
        $('#edit-error').text(data.errors.department);
        $('#edit-error').text(data.errors.date);
        $('#edit-error').text(data.errors.status);
    } else {
        $('#edit-error').remove();
        $('#unassigned').html(data.view_1);
        $('#assigned').html(data.view_2);
    }

关于javascript - Laravel 5.6，如何从一个函数返回两个 View ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51244637/

上一篇：javascript - vue Js从对象绑定(bind)到数组

下一篇：javascript - ExtJS:使拖动/平移无需缩放即可工作

相关文章：

javascript - 如何让 Chrome 在新标签页中打开多个站点

javascript - jQuery 多重显示隐藏在一种形式中

javascript - Node js : POST/GET method isn't working when called by AJAX

php - Laravel 自定义模型方法

php - 我如何用空格替换单个的，但如果有多个 s 则不行？

php - 如何使用 % 防止 Zend Form 的 XSS 攻击

javascript - 如何向 Unslider 添加自定义 onClick 函数，以便前进到下一张幻灯片？

javascript - jQuery 如何不断检查元素是否隐藏/可见？

javascript - 是否可以在 html/css 中定位手持移动设备？

javascript - jsPDF 无法使用任何样式

©2024 IT工具网  联系我们