进行 ajax 调用时的警报窗口答案

【问题标题】：Alert window when making an ajax call进行 ajax 调用时的警报窗口
【发布时间】：2012-10-05 21:05:55
【问题描述】：

我从我的 js 文件中对 servlet 的 post 方法进行了 ajax 调用。我希望在收到回复之前显示一个警告框。我怎么能用ajax做到这一点。

我收到自动回复后，警报窗口应该会关闭。 ajax 发布请求

    $.post(fullpath, function(data) {
        fnBookTicket(data);
    });

【问题讨论】：

标签： javascript jquery ajax jsp

【解决方案1】：

改为使用弹出式 DIV，然后将其关闭...

CSS

 div#popup { display: none; position: absolute; width: 200px; height 100px; 
     top: 50%; left:50%; margin-top: -50px; margin-left: -100px; 
     background: white; border: 1px solid blue; z-index: 9999 }

HTML

 <div id="popup">Alert! Loading...</div>

  $('div#popup').show();
  $.post(fullpath, function(data) {  
    $('div#popup').hide();
    fnBookTicket(data); 
  });

弹出框在ajax调用之前显示并隐藏在成功处理程序中，即加载数据时...

【讨论】：

对不起，我是 ajax 的新手，我在哪里可以在 ajax 帖子中添加这个 show()。我确实看到了响应部分

【解决方案2】：

很简单..您无法关闭使用任何事件的警报窗口..

您需要通过单击它来明确关闭它..

尝试显示一个您有更多控制权的 div 或弹出窗口。

您也可以使用blockUI jQuery 插件

【讨论】：

【解决方案3】：

您需要使用灯箱脚本创建一个模态对话框，该对话框漂浮在页面上，直到您的资源被返回。然后，将其移除。 alert 框不能以编程方式关闭 - 它必须由用户关闭。

Here 是轻量级灯箱脚本的一些不错选择。

【讨论】：

【解决方案4】：

您不能以这种方式关闭警报框。请改用lightbox。

【讨论】：