【问题标题】:Call Success Dialog from Javascript从 Javascript 调用成功对话框
【发布时间】:2013-08-11 05:35:23
【问题描述】:

我想在 Javascript 中从 Laravel 调用成功或错误对话框!我有一个这样的 Ajax 发布请求:

$.post('/tutorials/rate', {id:tutID, rating : rating});

如何从该 Ajax 方法调用对话框?!在我的控制器中,我总是这样做:

return Redirect::to('/tutorials/show/' . $postId)->with('success', 'Successfully Rated!');

编辑:我的问题是如何调用该行:

return Redirect::to('/tutorials/show/' . $postId)->with('success', 'Successfully Rated!');

在 Javascript 中!

通过添加解决它:

    $.pnotify({
title: 'No Icon Success',
text: 'I have no icon.',
type: 'success',
icon: false
});

【问题讨论】:

    标签: javascript jquery laravel laravel-4


    【解决方案1】:

    由于 jQuery 没有标签,但您使用 $.post 这是 jQuery 的功能之一,所以我会假设,除非另有说明。

    .post 有第三个可选参数,您可以在其中设置回调函数,使用函数名或使用匿名函数。

    $.post('/tutorials/rate', {id:tutID, rating : rating},function(dialogHTML){
       //Do whatever code shows your dialog
       var dlg = jQuery(dialogHTML);
       jQuery('body').append(dlg);
       dlg.fadeIn();
    },'html');
    

    $.post('/tutorials/rate', {id:tutID, rating : rating},myCallback);
    
    function myCallback(dialogHTML) {
       //Do whatever code shows your dialog
       var dlg = jQuery(dialogHTML);
       jQuery('body').append(dlg);
       dlg.fadeIn();
    }
    

    jQuery .post api

    【讨论】:

    • 在包含此脚本的页面中创建对话框,然后在需要时显示它,在这种情况下来自回调。例如,创建对话框 html 并为对话框提供类似 successDialog 的 id 并执行类似 $('#successDialog').fadeIn();
    • 是的,这是可能的......但是有了回发,我不必自己创建这个 dialof,我认为也可以从 javascript 调用这个准备好的对话框!
    • 如果您的帖子调用的脚本返回对话框 html,那么您可以通过添加第四个参数 'html' 并在回调中使用它来检索 html,编辑答案以显示这一点。如果目前没有,只需添加将显示对话框并输出 html 的 laravel php 代码。并使用我添加的关于获取 html 的编辑。
    【解决方案2】:

    你可以这样称呼它:

    $.ajax({
      type: 'POST',
      url: '/tutorials/rate',
      data: parameters,
      success: function(){
        alert('success');
      },
      error: function(){
        alert('failure');
      }
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-08-13
      • 2015-04-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多