1

我有一个函数来处理一个带有回调的 ajax 请求。

这段代码的作用是它发送一个请求，并将响应写入div我的 html 页面中的 a 中。但是我遇到回调问题，我不确定该函数是否正常工作......

所以我的问题是关于里面的两行代码xmlhttp.onreadystatechange，我已经突出显示了它们。

代码：

    function check_if_over(callback) {

        //first i collect some variables from the UI
        var val1 = $('#timer').text(),
            val2 = $('#work').val();

        var val5=val1.split(":",1);

        //I initialize the xmlhttp object
        xmlhttp=GetXmlHttpObject();

        if (xmlhttp==null)
        {
        alert ("Your browser does not support Ajax HTTP");
        return;
        }

        xmlhttp.onreadystatechange = function() {

                //*****my question is about this part inside the "if"

                if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {

                        document.getElementById('content0').innerHTML=xmlhttp.responseText;
                       callback.call(xmlhttp.responseText);

                }
        };
        xmlhttp.open('GET','Controller?action=check&timer='+val5+'&work='+val2);
        xmlhttp.send();
   }

所以我的问题是，如果这样xmlhttp.onreadystatechange正常工作，执行以下任务：（a）在我的 div 中编写适当的代码，以及（b）执行回调。谢谢！

编辑：

所以在那之后我做了这件事，我看到它以一种非预期的方式打印我的打印，因为它在这段代码的第一次迭代中跳过了第一次打印，并在第二次迭代的时候让它像那样：

第 2 点

第 2 点

（小等待）

第 1 点

（我基本上每 1 分钟在 2 个状态之间交替，所以我用它来异步检查服务器端的某些东西。所以这就是检查发生的地方。）

        check_if_over(function() {
            alert("point 1");
            over = document.getElementById("value_ok").firstChild.nodeValue;
        }
        alert("point 2");

编辑2：

似乎使用 jquery 可以完美运行，

第 2 点

（小等待）

第 1 点

第 2 点

（小等待）

ETC..

4

1 回答 1

0

如果你已经在使用 jQuery 为什么不使用 jQuery 的$.get函数呢？

function check_if_over(callback) {
    //first i collect some variables from the UI
    var val1 = $('#timer').text(),
        val2 = $('#work').val(),
        val5 = val1.split(":",1);

    $.get('Controller?action=check&timer='+val5+'&work='+val2, function(data) {
        $('#content0').html(data);
        callback.call(data);
    });
}
于 2013-10-08T11:00:46.443 回答