jquery - magento中的同步jquery ajax调用

Question

我有一个表单，用户可以在其中输入帐号，我需要在单击保存按钮时、提交表单之前检查输入的帐号是否唯一。这是在 magento 后端，ajax 调用指向 indexController 中的函数 acctnumAction()。

帐号的数量是动态的，最多可以有 5 个，但少则 1 个，所以我需要对项目执行每个循环。我为帐号字段提供了自己的类并对其进行循环。

这就是我所拥有的。

    function acctCheck(){
        jQ.each(jQ(".acctnum"), function(x, y){
            var acct = jQ(this).val();
            var field = this;
            jQ.get("'.Mage::helper('core/url')->getHomeUrl().'dealerlocator/index/acctnum", {acctnum: acct}, function(data){
                var items = JSON.parse(data);
                if(items != ""){
                    $(field).addClass("validation-failed");
                    return false;
                }
            });
        });
    }
    function saveAndContinueEdit(){
        if(acctCheck() !== false){ editForm.submit(); }
    }

保存按钮 onclick 命中 saveAndContinueEdit() 并运行该函数来检查帐号。

我知道这行不通，ajax将异步运行，并且在返回 false 之前不会返回任何内容，只要它不为 false，它就会提交。但我尝试将 ajax 调用包装在 $.when 中，但无济于事，我将 saveAndContinueEdit() 中的 if 包装在 $.when 中，如下所示

    function saveAndContinueEdit(){
        jQ("#continueEdit").val("1");
        jQ.when(acctCheck()).done(function(valid){
            if(valid !== false){
                editForm.submit();
            }
        });
    }

但这也没有成功，甚至可能不是它应该如何工作，我只是在尝试我能想到的一切。

将它放在每个中的目的是，如果帐号无效，我可以将变量设置为 false，但仍然迭代其余部分，以便在无效时该类仍会添加到字段中，这样用户就会知道，即使我的示例不是以这种方式编码的，但不是修复一个，而是另一个弹出为无效。我知道 get 返回的数据是有效的，只是它不会同步运行。

大家有什么想法吗？

Answer 1

我使用延迟使其工作。

    function eachAcctChk(elem){
        return jQ.get("'.Mage::helper('core/url')->getHomeUrl().'dealerlocator/index/acctnum", {account: jQ(elem).val(), dealer: '.$data["id"].'}, function(data){
            if(data != "none"){
                jQ(elem).addClass("validation-failed");
                valid = false;
            }
        });
    }
    function saveAndChk(){
        jQ("#continueEdit").val("0");
        AcctChk();
    }
    function saveAndContinueChk(){
        jQ("#continueEdit").val("1");
        AcctChk();
    }
    function AcctChk(){
        var deferreds = [];
        jQ(".acctnum").each(function(){
            deferreds.push(eachAcctChk(this));
        });
        jQ.when.apply(null, deferreds).then(function(){
            if(valid){
                editForm.submit();
            } else {
                valid = true;
                alert("The highlighted dealer account numbers are already in use by another company. Unique account numbers are required.");
            }
        });
    }

返回整个ajax(get)调用作为延迟调用，我将它们全部放入一个数组中并将其传递给when()。因此，当所有 ajax 调用完成时，它会调用 then()，瞧。