ajax模态弹出框,如何在$ .ajax（）error（）上显示BlockUI模态对话框？

谁践踏了优雅 2022-09-03 06:21 207阅读 0赞

|

当我单击表单的提交按钮时，这将调用startValidateFormParameters()函数。

在此功能中，我使用BlockUI阻止UI并运行AJAX请求以验证表单中的某些信息。

如果表单数据在某种程度上是错误的，则AJAXurl返回403错误响应，从而触发AJAX请求的error()调用和403特定条件。

如果在403特定错误调用中使用alert()，则UI仍处于阻塞状态(根据需要)。

我想做的是使用BlockUI的模态对话框，而不是使用ѭ3对话框，它看起来要好得多。

但是，一旦调用了错误代码，错误模态对话框就会弹出并几乎立即消失，因为AJAX调用停止并且UI被解除阻止。

如何保持UI处于阻塞状态，以便保持显示错误模式？

以下是相关代码：

$(document).ready(function() \{

...

$(\\'\#modalErrorOK\\').click(function() \{

$.unblockUI();

return false;

\});

\});

function startValidateFormParameters() \{

$.blockUI(\{

message: \\'

# **![indicator.gif%5C%22][indicator.gif_5C_22]**\\\\ #

Validating form parameters...\\'

\});

validateFormParameters();

\}

function validateFormParameters() \{

$.ajax(\{

url: \\"/validateFormParameters.pl\\",

type: \\"POST\\",

data: (\{\\"formSummary\\" : JSON.stringify($.foobar.formSummary)\}),

dataType: \\"JSON\\",

cache: false,

success: function (response)\{

alert(JSON.stringify(response));

\},

error: function (request, status, error) \{

if (request.status == 401) \{

window.location.replace(document.location.href);

\}

else if (request.status == 403) \{

$(\\'\#modalErrorMsg\\').replaceWith(\\'

\\' + request.responseText + \\'

\\');

$.blockUI(\{

message: $(\\'\#modalError\\')

\});

\}

else

alert(request.status + \\"\\\\n\\" + request.responseText);

\}

\});

\}

$(document).ajaxStop($.unblockUI);

我有一个DOM对象来保存错误对话框：

# Error #

[indicator.gif_5C_22]:

发表评论取消回复

表情：

评论列表（有 0 条评论，207人围观）

还没有评论，来说两句吧...

相关阅读

相关 AdminLTE2的模态框(弹出框)

刚好一个SSM练习项目中用到了这个弹出模态框的设计来记录一下关于这个模态框找了很久很多都不能用后来自己去官网找了一段模态框代码亲测可用先上模态框代码：

待我称王封你为后i/ 2023年07月10日 15:50/ 0 赞/ 17 阅读

相关 Angular6 弹出模态框 ngx-bootstrap

首先下载ngx-bootstrap npm install ngx-bootstrap --save 然后如果需要加载 bootstrap 样式，还需要下载 bootstr

淡淡的烟草味﹌/ 2023年06月22日 05:28/ 0 赞/ 19 阅读

相关 uviewui实现日期间隔弹出（模态框）

需要实现效果如下： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ib

心已赠人/ 2022年12月24日 08:58/ 0 赞/ 320 阅读

相关 ajax模态弹出框,如何在$ .ajax（）error（）上显示BlockUI模态对话框？

| 当我单击表单的提交按钮时，这将调用startValidateFormParameters()函数。在此功能中，我使用BlockUI阻止UI并运行AJAX请求以验证表单

谁践踏了优雅/ 2022年09月03日 06:21/ 0 赞/ 208 阅读

相关 MFC 模态及非模态对话框

　　方法一：模态对话框　　资源视图--Dialog--右键--添加资源--新建--对话框--右键--添加类。例如：添加CMyNewDlg类,在所要调的代码中(按钮点击方法

╰半橙微兮°/ 2022年08月09日 10:00/ 0 赞/ 32 阅读

相关模态对话框测试

模态对话框只能屏蔽来自鼠标、键盘的消息，而不能屏蔽其他消息，也即模态对话框会独占用户输入。其实现原理如下： 1. 让父窗口失效EnableWindow(pardent,FAL

逃离我推掉我的手/ 2022年07月15日 02:54/ 0 赞/ 304 阅读

相关自定义弹出模态框

<style > \msgbox \{ width: 5 rem; height: 1 rem; line-height: 1

太过爱你忘了你带给我的痛/ 2022年06月18日 10:59/ 0 赞/ 460 阅读

相关模态框

点击按钮弹出模态框的实现： html： <!DOCTYPE html> <html> <head> <meta charset="u

淡淡的烟草味﹌/ 2022年05月14日 14:24/ 0 赞/ 311 阅读

相关模态框

模态框模态框，又是一种全新的异空间页面，本篇介绍的模态框开启后，除了窗体、框体之外的内容都被遮住了，点击不了，只能关闭后，其他之前的才能操作。 ![在这里插

爱被打了一巴掌/ 2022年01月26日 11:27/ 0 赞/ 431 阅读

相关 bootstrap weebox，支持ajax的模态弹出框

本篇介绍的bootstrap weebox（支持ajax的模态弹出框），历经多次修改，目前版本已经稳定，整合了bootstrap的响应式，界面简单，功能却无比丰富，支持ajax

逃离我推掉我的手/ 2021年09月10日 14:48/ 0 赞/ 446 阅读