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(); }
    }

点击保存按钮点击saveAndContinueEdit()并运行该功能以检查帐号。

我知道这不起作用，ajax将异步运行并且在返回false之前不返回任何内容，只要它不是false，它就会提交。但我尝试用$ .when包装ajax调用无效，我将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（），然后瞧。

在magento中同步jquery ajax调用

1 个答案: