javascript 返回 jQuery.get() 不工作

Question

如果我发送 jQuery.get() 并检查链接是否应跳转到下一页的条件为真，我会尝试使链接正常工作。

我正在使用以下代码:

<script type="text/javascript">
    var jq = jQuery.noConflict();
    function checkDoubleSubmit() {
        jq(function() {
            jq.get("/checkDoubleSubmit",
                    function(data) {
                        if(data == null) {
                            return true;
                        }
                        else {
                            alert("double submit is not allowed");
                            return false;
                        }
                    }
            );
        });
    }
</script>


<a href="<c:url value="/submit" />" onclick="return checkDoubleSubmit();">check double submit</a>

即使 data 不是 null 页面也会跳转到下一页。有人可以帮助我了解我在这里做错了什么吗？

谢谢。

Answer 1

那是因为ajaxcall是异步。它不会等待 ajax 响应。为此，要么在 ajax 调用中包含 async = fasle。或更改 preventDefault。

或者如下修改代码

<a href="#" id="mylink" for="<c:url value="/submit" />" onclick="checkDoubleSubmit();">check double submit</a>

<script type="text/javascript">
    var jq = jQuery.noConflict();
    function checkDoubleSubmit() {
        jq(function() {
            jq.get("/checkDoubleSubmit",
                    function(data) {
                        if(data == null) {
                            window.location = jq("a#mylink").attr("for");
                        }
                        else {
                            alert("double submit is not allowed");
                        }
                    }
            );
        });
    }
</script>