Php 弹出窗口，直到jquery完成处理

我是jquery新手，需要了解如何执行以下操作：

<script type="text/javascript">

       $(document).ready(function(){

           $(function() {
                $( "#dialog-modal" ).dialog({
                    height: 140,
                    modal: true,
                    autoOpen: false
           });

           $('#form-lecturer-login').submit(function(event) {
                event.preventDefault();

                $( "#dialog-modal" ).dialog( "open" );

                    //Your working processing code here.

                $( "#dialog-modal" ).dialog( "close" );
           }

       });

我的页面上有一个submit按钮，单击后执行jquery函数。该函数将从mysql加载一些信息，并用这些信息回显一个表

我的问题是，这需要时间，同时用户正在等待，甚至重新提交

我想要的是在我开始从mysql获取数据之前显示一个弹出屏幕，并在数据回显到页面上后将其删除

我要找什么？这叫什么？我怎样才能实现这样的想法

这是我的代码：

<script type="text/javascript">
$(document).ready(function(){
$('#form-lecturer-login').submit(function(event){
event.preventDefault();
//I need: Display a pop up

//This is working : Code to fetch mysql data and echo a table

//I need: Remove popup
}

$（文档）.ready（函数（）{
$（“#表单讲师登录”）.submit（函数（事件）{
event.preventDefault（）；
//我需要：显示一个弹出窗口
//这是可行的：获取mysql数据并回显表的代码
//我需要：删除弹出窗口
}

以下是我的完整代码： pastebin.com/JVCfWbLD

使用

 .blockUI() in jQuery .

我想这会解决你的问题

---

它会阻止屏幕，直到您解除阻止为止。这是一个非常好的插件。

最好的方法是在用户提交时使用加载栏。 这是一个演示

---

由于您实际使用的是jQuery

submit

而不是AJAX，因此页面正在等待服务器端处理程序处理数据。请尝试以下操作：

将这两行放在页面的

中：

<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js">
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css">

然后修改代码，如下所示：

<script type="text/javascript">

       $(document).ready(function(){

           $(function() {
                $( "#dialog-modal" ).dialog({
                    height: 140,
                    modal: true,
                    autoOpen: false
           });

           $('#form-lecturer-login').submit(function(event) {
                event.preventDefault();

                $( "#dialog-modal" ).dialog( "open" );

                    //Your working processing code here.

                $( "#dialog-modal" ).dialog( "close" );
           }

       });

$（文档）.ready（函数（）{
$（函数（）{
$（“#对话框模式”）.dialog({
身高：140，
莫代尔：是的，
自动打开：错误
});
$（“#表单讲师登录”）.submit（函数（事件）{
event.preventDefault（）；
$（“#对话框模式”）。对话框（“打开”）；
//您的工作处理代码在这里。
$（“#对话框模式”）.dialog（“关闭”）；
}
});

然后在HTML的正文中：

<div id="#dialog-modal" title="Stand by...">
  <p>Your data is loading, please stand by...</p>
</div>

您的数据正在加载，请等待

提交后，表格将重新加载。您可以使用mess的“梅西模型”fan@PSR否，请检查我的更新代码（请确保：）但我正试图找出如何使其工作，阻塞正在工作，但调用“$.unbui；”不起作用，因此它不起作用，因为在提交处理程序中，我对php脚本发出许多异步post请求。因此，一旦弹出窗口出现，它就会消失。周围有任何工作吗？没有，弹出窗口会直接消失，因为post调用会起作用逻辑返回。由于我猜post在执行成功功能之前返回，但该功能不起作用：$nothign ACCESS，因此未显示弹出窗口。您确定INCLUDES正常吗？并且您的数据正在加载，请等待。显示在body@Kam我将样式更改为函数调用…检查上面的…我更新了代码。