Infinite loop wait 2 second, make server call jquery

Question

Hello,

I am making a simple game with jquery and i want to make a call to asp.net web service which i know how to do, but the server call need to continue to run until i get a specific response from the server.

I will wait like 3 seconds with each loop cycle

function servercall() {
            while (true) {
                // code for clone and insert  ...
                $.ajax({
                    type: "POST",
                    url: "Server.asmx/HelloWorld",
                    data: "{'name': '" + $('#name').val() + "', 'time': '2pm'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function(msg) {
                        AjaxSucceeded(msg);
                    },
                    error: AjaxFailed
                });
                setTimeout("nothing", 2000);
            }

        }

Answer 1

You want the JavaScript setTimeout() Function.

Answer 2

You could try either:

function serverCall() {
    // ajax code

    setTimeout("serverCall()", 2000);
}

or:

function ajaxSucceeded(msg) {
    if (isTheAnswerYouAreLookingFor) {
        // do stuff
    } else {
        setTimeout("serverCall()", 2000);
    }
}

Here is an article on setTimeout and setInterval that may help you further:
http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/

Answer 3

Set interval is more helpful :

<script type='text/javascript'>

setInterval("servercall()", 2000);

function servercall() {

                // code for clone and insert  ...
                $.ajax({
                    type: "POST",
                    url: "Server.asmx/HelloWorld",
                    data: "{'name': '" + $('#name').val() + "', 'time': '2pm'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function(msg) {
                        AjaxSucceeded(msg);
                    },
                    error: AjaxFailed
                });

            }

        }

</script>

Answer 4

Use recursion with setTimeout. And be sure start the timer when you receive a response, so that you account for network delays (you don't want a bunch of requests going at the same time)...

function servercall() { 
  $.ajax({ 
    complete: function(xhr) { 
      var msg = xhr.responseText;
      if(xhr.statusCode == 200)
        AjaxSucceeded(msg); 
      else
        AjaxFailed(msg);

      setTimeout(servercall, 2000); //recursion magic
    }
  }); 
}