Question

我正在使用jquery“when，Then”来做一些操作。我正在使用doAddProcedure函数来执行一些计算。我希望得到一个结果，比如在执行doAddProcedure函数中的代码之后，控件将返回到AddProcedures，然后返回到Done部分中的代码。但是它没有按预期工作。此外，我在doAddProcedure部分执行代码时显示一个加载器。加载程序未显示执行doAddProcedure中的代码所花费的时间。请帮我解决问题。请跟我说英文

这是我的代码

    var tot_codes = 0;   
    function doAddProcedure(thisval)
    {

        top.ShowAjaxLoader('Loading..');     
        var countval = $("#last_id").val();


          //My code block....
         return true;
    }  
    /**
     * Function to add procedures
     * @returns {undefined}
     */ 
    function AddProcedures(thisval)
    {
        $.when(doAddProcedure(thisval)).then(function(){        
          if (tot_codes > 0) {
              //setTimeout(function(){ 

                top.notification('successfully added the codes.');            
                //top.window.parent.document.getElementById('circularG').hide();
                window.parent.phFrntpayClosePopup();           
                //top.window.parent.document.getElementById("loaderHtml").style.display = "none";          
              //}, 3000); 

        } else {          
            top.notification('Please select atleast one code.');     
        }           
        }); 
    }

AddProcedures(thisval); // Calling main Function

Answer 1

这是因为当您未将延期或承诺传递给when时，then会立即执行。查看When..Then

的jquery文档

在您的情况下，您将when()视为某种等待if的某种true条件......我建议您阅读有关Promise的更多信息，Deferred，然后回到when..then逻辑或使用Promise。

您当然可以使用如下所示的回调函数：

doAddProcedure(thisVal,callbackFunc){
// do stuff
callbackFunc();
// If you wish to wait a moment (say 3 seconds here) before the callbackFunc() is called, and it is purely cosmetic, then comment the above and uncomment the below !
//setTimeout(callbackFunc, 3000);
}

myFunction = function(){        
          if (tot_codes > 0) {
              //setTimeout(function(){ 

                top.notification('successfully added the codes.');            
                //top.window.parent.document.getElementById('circularG').hide();
                window.parent.phFrntpayClosePopup();           
                //top.window.parent.document.getElementById("loaderHtml").style.display = "none";          
              //}, 3000); 

        } else {          
            top.notification('Please select atleast one code.');     
        }           
        };

function AddProcedures(thisval)
    {
        doAddProcedure(thisval, myFunction);
    }

jquery“when + Then”未按预期工作

1 个答案: