javascript - Passing variables to an AJAX function through the parameters PHP

Solution:

The second time it is called (from yoursuccess handler), you are not passing any parameters tomyAjax() so it will not have any arguments when it is invoked the second time.

There are a couple ways you can fix that. One way it to just copy the arguments when you callmyAjax(...) from within:

function myAjax(url,action,id,timeout) {
      $.ajax({
           type: "POST",
           url: url,
           data:{action: action},
           error: function(xhr,status,error){alert(error);},
           success:function(data) {
             document.getElementById( id ).innerHTML = data;
             setTimeout(function() {
                 myAjax(url, action, id, timeout);
             }, timeout);
           }
      });
}
Copy code

But, you could also make an inner function and then just reference the arguments from the closure like this:

function myAjax(url,action,id,timeout) {
      function run() {
          $.ajax({
               type: "POST",
               url: url,
               data:{action: action},
               error: function(xhr,status,error){alert(error);},
               success:function(data) {
                 document.getElementById( id ).innerHTML = data;
                 setTimeout(run, timeout);
               }
          });
      }
      // run the ajax function the first time
      run();
}
Copy code