繁体   English   中英

Laravel在ajax成功后显示带有条件的子视图

Laravel show subview with condition after ajax success

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

在这一点上,我需要显示成功(或不成功)消息,我喜欢模式,因为它们冻结了(主视图)后面的所有内容并显示带有某种消息的小盒子。 我已经看到了很多示例,但是大多数示例都在每页显示这些“警告”框,我认为我应该有一个视图(称为模式),每次我需要显示它时,我只需传递适当的参数,该视图就会出现。

我做了什么:

  • 创建了一个称为模式的视图。
  • 使用将接收参数的方法创建了一个控制器。
  • 创建到控制器的路由。

      $.ajax({ method: 'POST', url: '/angariacoes/insertImovel', dataType: "json", data: {"_token": "{{ csrf_token() }}",values,eachImage,eachImageThumb}, success: function(response){ window.location.href='/popup/popup'; }, error: function(jqXHR, textStatus, errorThrown) { } }); 

但是现在,我如何显示该视图(具有boostrap模态代码)作为模态? 任何人?

感谢和问候

1 个回复

将div放在模态主体中,然后您可以将视图作为响应返回:

$.ajax({
        method: 'POST', 
        url: '/angariacoes/insertImovel',
        dataType: "json",
        data: {"_token": "{{ csrf_token()
        }}",values,eachImage,eachImageThumb},
        success: function(response){ 
            $('#myAjaxTarget').html(response);
            $('#myModal').modal('show');
        },
        error: function(jqXHR, textStatus, errorThrown) { 
        }
    });

控制器:

return view('my_view', compact($data));

只要确保实际的模态部分在您要弹出的视图上即可。 创建具有模态内容的单独刀片。

所以我有the_main_view.blade.php,并且在其中输入:

<div class="modal fade" id="myModal" tabindex="-1" role="img" style="overflow: hidden">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="">Modal Title</h4>
            </div>
            <div class="modal-body" id="myAjaxTarget">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

我们有一个不同的视图my_view.blade.php通过上面提到的Controller方法返回:

<span>Literally any HTML</span>

因此,ajax调用的响应仅为my_view,您可以使用其替换#myAjaxTarget的HTML内容。 因此,最终模态将如下所示:

<div class="modal fade" id="myModal" tabindex="-1" role="img" style="overflow: hidden">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="">Modal Title</h4>
            </div>
            <div class="modal-body" id="myAjaxTarget">
                <span>Literally Anything</span>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

然后用$('#myModal')。modal('show')方法显示。

2 如何在 Laravel 中的 ajax 成功后显示 Flash 消息?

我想在重定向到通过 ajax 请求查看后显示一条 flash 消息。 这是我的控制器代码 这是我的ajax请求 它重定向到我的刀片视图,在那里我使用下面的代码来显示一条 flash 消息 但它没有显示任何消息。 谁能告诉我如何显示Flash消息? ...

3 成功后if条件仍然if条件在ajax成功中不起作用

我知道标题有点难以理解。 但问题仅此而已。 小编给大家详细解释一下 我正在做 if 条件在 ajax 成功,现在我给出条件,如果数据不等于 undefined 那么该数据想要存在。 但我遇到的问题是,如果数据不等于 if 条件下的未定义静止数据。 让看代码更清楚 这是视图 现在,这是控制器代 ...

4 即使成功后,ajax成功调用执行else条件

我根据 if 和 else 条件从 php 返回响应。 即使在执行 if 条件之后,ajax 成功调用也会执行 else 条件。 下面是我的代码。 我没有获得足够的余额,而不是让交易成功。 我尝试了很多方法但没有奏效。 任何帮助都会很棒。 代码 ajax调用 ...

5 使用laravel验证后,对ajax的成功函数

我通过ajax用laravel验证了一个表单。 正确地发送数据和验证工作,但是当收到js代码中的答案时,永远不会执行成功函数; 如果验证错误中存在错误,则执行错误功能,如果验证功能中没有错误,也会输入错误。 出错时,它返回状态laravel:422,如果没有错误,则返回laravel st ...

6 Laravel在成功ajax后追加数据

我有这个股利: 这是我的AJAX: 如何在div #bids后面附加新提交的数据? 这就是我现在想要的-我正在尝试创建新的DIV并将其置于foreach值中。 像这样: 我将此div放在出价div上。 因此,HTML如下所示: 当然,我会得到undefine ...

8 在laravel中ajax成功后如何刷新数据表?

我使用数据表来显示我的数据。 我将数据存储在 ajax 请求中并在成功响应后附加该数据。 数据追加成功。 但问题是附加项目时数据表没有更新。 如果我重新加载页面,那么它可以工作。 见图像红色标记。 数据已附加,但数据表未更新。 这是我的 ajax 成功响应 ajax成功后如何自动刷新数据表 ...

9 在Ajax调用后显示成功消息的问题

我有一个html表格,它的数据通过AJAX发布到php文件。 插入数据库后,我需要向用户显示他刚刚发送的数据已成功插入。 一切正常,但是真正的问题是,页面刷新如此之快,以至于我什至看不到消息的内容。 需要考虑的事情: 在Ajax调用之后,我对同一页面进行了函数调用以刷 ...

10 单击时显示Gif,Ajax成功后隐藏

我找到了很多关于解决我问题的方法的信息,但没人能为我服务... 我尝试过: 我的JS在按钮叮当声中被调用,该叮当声调用了如下波纹管功能: 即使我把代码: 该图像仅在ajax完成后出现。 使用显示和隐藏这两个块,图像不会出现,因此,我尝试删除了隐藏块,我发现问题是: ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM