Question

我的主题已在此广泛讨论。我搜索了很多，并尝试了很多代码，但没有发现任何可以帮助我解决我的具体情况。所以我想向社区提出这个问题。

我正在构建一个包含12个表单字段的页面，我遍历字段并进行AJAX调用以针对数据库测试值。我的问题是我需要根据我的AJAX调用的特定响应来停止循环并获取用户输入。到目前为止，我一直无法阻止循环直到它结束。

这是我的表格：

<form name="claimForm">
<table>
<tr>
<td> <input type="text" id="icdcode1"></td>
<td> <input type="text" id="icdcode2"></td>
<td> <input type="text" id="icdcode3"></td>
<td> <input type="text" id="icdcode4"></td>

</tr>

<tr>
<td> <input type="text" id="icdcode5"></td>
<td> <input type="text" id="icdcode6"></td>
<td> <input type="text" id="icdcode7"></td>
<td> <input type="text" id="icdcode8"></td>

</tr>

<tr>
<td><input type="text" id="icdcode9"> </td>
<td> <input type="text" id="icdcode10"></td>
<td> <input type="text" id="icdcode11"></td>
<td> <input type="text" id="icdcode12"></td>

</tr>

<tr> <td colspan="4"> <input type="button" value="Check IDC Code" onClick="javascript:claimValidate();"></td></tr>
</table>


</form>

<div id="pageresponse"></span>

这是我的claimValidate函数：

function claimValidate() {

var isFound = false; 
for (i = 1; i <= 12; i++) {

    var icdcode = 'icdcode'+i;

    if (!isFound) {
        if(document.getElementById(icdcode)) {
            var retrieved = document.getElementById(icdcode).value;

                if (retrieved != "") {

                       if (ajaxCheck(retrieved)) {

                        }


                } // end if retrieved

        } // end if document.getElementbyId
    } // end if !isFound    



} // end claimValidate

这是我的ajaxCheck功能

function ajaxCheck(icdcode) {

var xmlhttp = new XMLHttpRequest();    

 xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4) {
            //alert(isFound)
            resp = xmlhttp.responseText;

            if (resp == icdcode) {
                return true;
            } else if (resp == "Search Failed") {
                alert("You must enter a valid issue code.")
                return false;
            }  // end if resp

        if ((resp !== "Search Failed") && (resp.length > 0)) { 
                document.getElementById("pageresponse").innerHTML = resp;
                return false;
            }

        } // end readystate

    } // end onreadystatechange

                xmlhttp.open("GET", "validate_idc_code.asp?q=" + icdcode, true);
                xmlhttp.send();

} // end ajaxCheck

我的目的是打破循环并停止，如果它到达ajaxCheck中的最终if语句但它不是，我不知道为什么。我向同事展示了我的代码，他似乎认为ajaxCheck实际上不会返回任何内容，因为它是在一个单独的函数中调用的。他建议将我的所有表单字段作为数组传递给我进行数据库检查的ASP页面，但我不确定这是否是最佳解决方案。

我将非常感谢那里的专家为我提供的任何指导。

谢谢！

- 克里斯

Answer 1

您可以使用全局变量来表明您希望循环继续或停止。然后在claimValidate中你会输出像

这样的东西

if (!loopActive) return;

但这是一种不好的做法。最好的是重组像@MarcB和@JamesThorpe所建议的那样。

我只回答了这个意识形态，因为我明白为了学习任何东西，你必须先以最好的方式进步，然后逐步理解为什么这不是最佳实践。

如何根据AJAX调用的响应中断javascript循环？

1 个答案: