Question

我的系统中有一个局部视图，我将其包含在所有视图中，然后显示我可能来自控制器的任何闪现消息。我刚开始使用jQuery并将记录动态插入数据库中。

Allthrough脚本有效（在其他地方找到它并对其进行了修改），我想更改我加载Flash消息的方式，我不想在脚本部分的视图文件中指定它们，我想从我的控制器发送并加载它们我的局部视图就像其他页面一样。

我脚本的一部分；

        $('#submit').click(function () {
            $.ajax({
                url: postURL,
                method: "POST",
                data: $('#add_name').serialize(),
                type: 'json',
                success: function (data) {
                    if (data.error) {
                        printErrorMsg(data.error);
                    } else {
                        i = 1;
                        $('.dynamic-added').remove();
                        $('#add_name')[0].reset();
                        $(".print-success-msg").find("ul").html('');
                        $(".print-success-msg").css('display', 'block');
                        $(".print-error-msg").css('display', 'none');
                        $(".print-success-msg").find("ul").append(
                            '<li>New Project Space has been added</li>');
                    }
                }
            });
        });


        function printErrorMsg(msg) {
            $(".print-error-msg").find("ul").html('');
            $(".print-error-msg").css('display', 'block');
            $(".print-success-msg").css('display', 'none');
            $.each(msg, function (key, value) {
                $(".print-error-msg").find("ul").append('<li>' + value + '</li>');
            });
        }

控制器的一部分

    if ($validator->passes()) {
        foreach ($request->input('label') as $key => $value) {
            Space::create([
                'label'=>$value,
                'user_id' => $user,
                'customer_id' =>$customer,
                'project_id' => $projectid,
                ]);
        }
        return response()->json(['success'=>'done']);
    }

    return response()->json(['error'=>$validator->errors()->all()]);

部分部分

@if ($message = Session::get('success'))
<div class="alertcontainer" id="alertcontainer">
<div class="alert alert-success alert-block">
    <button type="button" class="close" data-dismiss="alert">×</button>
        <strong>{{ $message }}</strong>
</div>
</div>

@endif

Answer 1

Laravel具有非常酷的功能，可让您通过ajax将控制器的部分视图加载到视图中。

创建局部视图，我们称其为partialDisplay。将带有$variable和任何<ul>的html，css和任何循环放入此视图，并将其从ajax成功函数中删除。然后，您可以仅拨打部分电话并发送实际消息。

命名要由控制器调用的局部视图的一部分（例如'messageContent'）。部分内容仍然可以加载任何基本视图或其他依赖项，但我们将重点关注您需要的区域messageContent

部分视图：

@extends('layouts.baseModal')

 @section('messageContent')
    // css, loops of data, etc go here
     @foreach($var as $v)
        <li>{{$v->somethingLikeNameOrmessage}}</li>
   // etc
 @stop

控制器：

$view = view('partialDisplay', compact('yourVar(s)'));

    $sections = $view->renderSections(); // returns an associative array of 'content', 'pageHeading' etc

    return $sections['messageContent']; // this will only return whats in the content section

然后，在 ajax 中，您可以只停留在整个视图中，包括格式设置等。

success: function (html) {
       $("#yourMessageDiv").html(html);
 },

在将AJAX插入为Flash消息后如何加载局部视图

1 个答案: