javascript - 如果将 alert() 放在开头，为什么只执行 javascript 函数？

Question

var callback = function(result){
             //alert(result);
             var json = eval('('+result+')');
             if(json.criticalerror==true) dialogCriticalError(json.errormessage);
                else{
                    if(json.error==true) dialogError(json.errormessage);
                    else{
                        // Do something else
                    }
                }
         };

当这个回调函数被执行时，“Do something else”部分被调用没有问题。但在 json.error 为 true 的情况下，不会执行 dialogError 函数。我已经在 Firebug 中检查了传输的 JSON。一切都好。结果是一个 JSON 字符串，它应该是。

有趣的是，如果我在回调函数的开头调用带有 alert() 函数的 JSON 响应，它实际上被执行了。我是 JavaScript 的新手，可能遗漏了一些明显的东西，但我就是想不通。错误在哪里？

---

编辑:

看来是时间问题。如果我在 JSON 结果和实际回调之间放置 100 毫秒的延迟，一切都会完美无缺。但这不可能是对的……我有点无能为力。

(哦，顺便说一下:通信是由 JBoss Seam Remoting 完成的)

整个函数看起来像这样:

        function nextNode() {
         var callback = function(result){
             var json = JSON.parse(result);
             if (json.criticalerror==true) {
                    dialogCriticalError(json.errormessage);
                }else if (json.error==true) {
                    dialogError(json.errormessage);
                }else {
                        document.getElementById('currentTree').innerHTML = json.state;
                        document.getElementById('countTrees').innerHTML = json.amountSteps;
                        document.getElementById('iframe').contentWindow.importGraph(json.tree);
                        document.getElementById('relevantnode').innerHTML = json.node;
                        createNodeBar(json);
                }                
         };
        manager.nextNode(callback);
    }

管理器对象由 Seam 框架通过以下函数提供:

var manager = Seam.Component.getInstance("solverTreeStructure");

---

---

最后编辑:

好的，现在我找到了问题的确切来源。它不是 Seam Remoting，而是 dialogError() 函数和它用来显示对话框的库。

dialogError() 函数如下所示:

function dialogError(error){
        TINY.box.show({html:error,width:250,height:100,close:true,mask:true,opacity:20,topsplit:3})
    }

它使用一个名为 TINYBOX 的小型对话框库。现在这个库提供了多种参数来配置对话框。 “掩码”参数造成了所有麻烦。它负责使对话框的背景变暗。如果打开，TINYBOX 需要启动延迟才能使用回调函数。 (我不知道为什么)

但是对于喜欢猜谜的人来说:

这就是图书馆。它非常小而且清晰。不幸的是，我的 JavaScript 技能还不够成熟，无法理解它。 http://www.scriptiny.com/2011/03/javascript-modal-windows/

这就是答案。祝大家有美好的一天! ;)

Answer 1

只是一般性建议:不要混合使用和不使用 {} 的 block 。以下表格更具可读性，您可以更快地查明您的问题。

console.log(json);
if (json.criticalerror == true) {

    console.log("criticalerror");
    dialogCriticalError(json.errormessage);

} else if (json.error == true) {

    console.log("error");
    dialogError(json.errormessage);

} else {

    console.log("something else");
    // Do something else
}