$.unblockUI()和ajax执行顺序问题

最新推荐文章于 2024-09-24 14:57:27 发布

原创最新推荐文章于 2024-09-24 14:57:27 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#.unblockUI #ajax #async #java #jquery

本文介绍了一个关于blockUI层与AJAX请求同步显示的问题，并提供了具体的解决方案。问题表现为点击按钮显示blockUI层后输入信息并点击确认，但blockUI层直到AJAX请求完成才关闭。通过调整AJAX请求的async属性为true解决了该问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述：想实现点击按钮，出现blockUI层，然后输入信息，点击确定，关闭blockUI，然后调用ajax方法，但是每次都要等到ajax执行完后，blockUI才会关闭，方法如下

// 开始订单同步
function syncOrder(){
   // 验证空序列号
   var emptyCardId = $("#emptyCardId").val();
   if(emptyCardId=="" || emptyCardId==null){
       alert("请输入空序列号！");
       return false;
   }else{
       closeBlockDiv();
   }

   $("#syncLoadImg").show();
   $("#syncOrderBtn").hide();

    $.ajax({
       type:"post",
       url:"${root}/orderProcessJson/syncOrder.action",
       data:"emptyCardId="+emptyCardId,
       dataType:"json",
       async: false,
       success:function(json){
           $("#syncLoadImg").hide();

           if('1' == json.resultCode){
               window.alert("同步成功！");
           }else {
               $("#syncOrderBtn").show();
                window.alert("同步失败！");
            }
       },
       error:function(){
           alert("操作失败！");
        }
   });

}