Question

I load data set by Jquery AJAX as

$(function(){
 $('#next').submit(function(e){
 e.preventDefault();
 var form = $(this);
 var page = form.attr("action")
  $.ajax({
   type: 'POST',
   url: page, 
   success: function(html){
   $("#results").append(html);
   }
  });
 });
});

The form is a single button with action=”load.php?page=2″.

When pressing submit button of the form, it will load data from load.php?page=2. How can I remember this action to load data from load.php?page=3 upon next click? and reading subsequent pages?

In fact, I want to introduce a new variable for the page number will be increased upon every click.

Answer 1

you could just set a javascript var to represent page and then increment it on submit…

var page = 1;
$(function(){
 $('#next').submit(function(e){
 e.preventDefault();

 var form = $(this);
  $.ajax({
   type: 'POST',
   url: page, 
   success: function(html){
       $("#results").append(html);
       page += 1;
   }
  });
 });
});

I don’t know what your original page var had in it, but obviously you would tailor this response to fit your needs. your url param would not just be a single number, obviously, so update that part as you need.