javascript - 如何递归调用ajax直到某个条件成立？

Question

我试图递归调用ajax方法，直到maxnumId为空或未定义。我当前的代码只触发一次!谁能告诉我我在这里做错了什么？谢谢

这是代码:

<script>
    var maxnumId = null;

    function callApi4() {
        $.ajax({
            type: "GET",
            dataType: "jsonp",
            cache: false,
            url: "https://api.somesite.com/ddddd" + ( maxnumId ? "&max_id=" + maxnumId : ""),
            success: function(data) {
                maxnumId = data.pagination.next_max_id;
                alert('maxnumId is now: ' + maxnumId);
                document.myform.outputtext.value = document.myform.outputtext.value+data.pagination.next_max_id+'\n' ;

            for (var i = 0; i < 100; i++) {

            $(".content").append("<img class='image' src='" + data.data[i].images.low.url +"' />");   
            }

              if(maxnumId != "undefined"){
                setTimeout(callApi4(), 2000);
               }
               else
               {
                 alert('finished');
               }
            }
        });
    }
    </script>

<button onclick="callApi4()">call ajax first time</button>

Answer 1

将 setTimeout(callApi4(), 2000); 改为 setTimeout(callApi4, 2000);，并从 callApi4 方法中删除括号。