ajax callback 在什么时候运行

时间：2014-09-04 20:43:50 阅读：193 评论：0 收藏：0 [点我收藏+]

标签：style blog http color os io java ar for

html代码

<!DOCTYPE html>
<html>
<head>
<title>Ajax Thread</title>
<meta charset="utf-8"/>
</head>
<body>
  <div>Comet return:</div>
  start:<div id="start">&nbsp;</div>
  get:<div id="get">&nbsp;</div>
  sended:<div id="sended">&nbsp;</div>
  pause:<div id="pause">&nbsp;</div>
  callback:<div id="callback">&nbsp;</div>
  pause2:<div id="pause2">&nbsp;</div>
<script type="text/javascript">
if (!window.console) {
    var console = {
        log: function() {}
    };
}

var xmlhttp;

function loadXMLDoc(url, callback) {
    xmlhttp = null;
    if (window.XMLHttpRequest) { // code for IE7, Firefox, Opera, etc.
        xmlhttp = new XMLHttpRequest();
    } else if (window.ActiveXObject) { // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    if (xmlhttp != null) {
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4) { // 4 = "loaded"
                if (xmlhttp.status == 200) { // 200 = "OK"
                    //dom(‘A1‘).innerHTML = xmlhttp.status;
                    //dom(‘A2‘).innerHTML = xmlhttp.statusText;
                    //dom(‘A3‘).innerHTML = xmlhttp.responseText;
                    callback(xmlhttp.responseText);
                } else {
                    //alert("Problem retrieving XML data:" + xmlhttp.statusText);
                }
            }
        }
        xmlhttp.open("GET", url, true);
        xmlhttp.send(null);
    } else {
        //alert("Your browser does not support XMLHTTP.");
    }
}

function pause(numberMillis, id) {
    var now = new Date();
    var exitTime = now.getTime() + numberMillis;
    var count = 0;
    var lastTime = parseInt(now.getTime() / 1000);
    while (true) {
        now = new Date();
        if (lastTime == parseInt(now.getTime() / 1000)) {
            count++;
        } else {
            dom(id).innerHTML = dom(id).innerHTML + lastTime + ‘   ‘ + count + ‘<br>‘;
            console.log(id, lastTime, count);
            lastTime = parseInt(now.getTime() / 1000);
            count = 0;
        }
        if (now.getTime() > exitTime) {
            return;
        }
    }
}

function dom(id) {
    return document.getElementById(id);
}

(function() {
    dom("start").innerHTML = parseInt(new Date().getTime() / 1000);
    console.log(‘start‘, parseInt(new Date().getTime() / 1000));
    loadXMLDoc("/get.php?" + Math.random(), function(data) {
        console.log(‘callback‘, parseInt(new Date().getTime() / 1000));
        dom("callback").innerHTML = dom("callback").innerHTML + ‘--我在前面是ajax是同步执行--‘;
        dom("callback").innerHTML = dom("callback").innerHTML + parseInt(new Date().getTime() / 1000);
        dom("get").innerHTML = data + ‘<br>‘;
        pause(2000, ‘pause2‘);
    });
    dom("sended").innerHTML = parseInt(new Date().getTime() / 1000);
    dom("callback").innerHTML = dom("callback").innerHTML + ‘--我在前面是ajax是异步执行--‘;
    console.log(‘sended‘, parseInt(new Date().getTime() / 1000));
    pause(6000, ‘pause‘);
})();
</script>
</body>
</html>

php代码

<?php
$s = time();
sleep(4);
echo "i am coming!     ";
echo "get:".$s."    send:".time();
?>

输出结果

bubuko.com,布布扣

ajax callback 在什么时候运行

标签：style blog http color os io java ar for

原文地址：http://www.cnblogs.com/hbxeagle/p/3956703.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行