如何延迟ajax函数？设置超时不起作用

Question

A页面有6个iframe，每加载一个iframe，都需要向B页面发送ajax请求，先重写数据库中的数据，然后这个iframe的src直接指向另一个页面C（在C页，有一些基于重写数据库的计算）。完成所有这些后，将加载下一个 iframe。这是一个“for”循环使用的语言 php。但是现在有个问题，因为C页有很多计算，计算的时间有点长。当这个 iframe 正在计算时，下一个 iframe 已经将他的 ajax 请求发送到页面 B 并且数据库已经更改。那么在这个 iframe 完全加载后，我如何让下一个 iframe 发送他的 ajax 请求呢？我试过 settimeout 并将延迟设置为 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/