如何延迟 ajax 函数？setTimeout 不起作用

Question

页面A中有6个iframe。当加载每个iframe时，它需要向页面B发送ajax请求，并首先重写数据库中的数据，然后将该iframe的src直接重写到另一个页面C（在页面C中，有一些基于重写数据库的计算）。完成所有这些之后，将加载下一个iframe。这是一个"for"循环使用的php语言。但现在有一个问题，因为C页有很多计算，需要一点长的时间来计算。当这个iframe正在计算时，下一个iframe已经将他的ajax请求发送到页面B，并且数据库已经更改。那么，在这个iframe完全加载之后，我如何让下一个iframe发送他的ajax请求呢？我试着设置时间，并将延迟设置为12秒。但它仍然存在问题。

A页：

<?php
    echo " <table>";
        for($i=0; $i<2; $i++) {
            echo "<tr>";
            for($j=0; $j<3; $j++) {
                $divid="div".$i*3+$j;
                echo "<iframe id=$divid frameborder='0' height=400></iframe>";
                echo "<script language='JavaScript'>showpic($divid);</script></td>";
            }
            echo "</tr>";
        }
    echo "</table>";
?>
<script>
    function showpic(divid) {
        var url = "b.php";
        var oBao = CreateHTTPObject();
        var sendstring="id="+divid; 
        oBao.open("POST",url,false);
        oBao.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        oBao.onreadystatechange = function () { OnReadyStateChng(divid);};
        oBao.send(sendstring); 
    }
    function OnReadyStateChng(divid) {
        if (xmlhttp.readyState == 4) {
            if (xmlhttp.status == 200) {
                document.getElementById(id).src="c.php?id="+divid ;
            } else {
            }
        } else {
        }
    }
    function CreateHTTPObject() {    
        try {
            xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
        } catch(e) {
            try {
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            } catch(e) {
                xmlhttp = false;
            }
        }
        if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
            try {
                xmlhttp = new XMLHttpRequest();
            } catch(e) {
                xmlhttp=false;
            }
        }
        if (!xmlhttp && window.createRequest) {
            try {
                xmlhttp = window.createRequest();
            } catch (e) {
                xmlhttp=false;
            }
        }
    return xmlhttp;
    }
</script>

Answer 1

试试这个：

// set your delay here, 2 seconds as an example...
var my_delay = 2000;
// call your ajax function when the document is ready...
$(function() {
    callAjax();
});
// function that processes your ajax calls...
function callAjax() {
    $.ajax({
        // ajax parameters here...
        // ...
        success: function() {
            setTimeout(callAjax, my_delay);
        }
    });
}

Answer 2

以下代码同步ajax调用，因此ajax调用按请求顺序执行。

    $.ajax({
        url: yourUrl,
        async: false,
        dataType: html
    }).done(function(data) {
        // Handle response here
    };

更多详细信息：http://api.jquery.com/jQuery.ajax/