Question

$(".eventer button[name=lol]").click(function() {
num = $(this).parent().data('num');
if(typeof num != 'number'){
    num = 0;
}
$(this).attr('disabled', true); // don't allow a second click until previous action has completed

$(this).parent().data('num', ++num);
$.ajax('javas.php', {   success: function(response) { 
$(this).parent().next('.status').html(num);
$(this).attr('disabled', false); // reset
})
});

If i comment the ajax part out everything works fine but i need to post the variable num to php so i can store it in a database

Answer 1

Try indenting your code for readability:

$.ajax('javas.php', {   
    success: function(response) { 
        $(this).parent().next('.status').html(num);
        $(this).attr('disabled', false); // reset
    }
   ) // <-- ??
});

Then you’ll see there is an error.

If you look at the jQuery website http://api.jquery.com/jQuery.ajax/

$.ajax({
  url: 'ajax/test.html',
  success: function(data) {
    $('.result').html(data);
    alert('Load was performed.');
  }
});

And translate it to yours:

$.ajax({
  url: 'javas.php',
  success: function(data) {
        $(this).parent().next('.status').html(num);
        $(this).attr('disabled', false); // reset
  }
});

This should work.

You will still need to add your data to the request though:

$.ajax({
  url: 'javas.php',
  data: "num="+num+"&id="+id,
  success: function(data) {
        $(this).parent().next('.status').html(num);
        $(this).attr('disabled', false); // reset
  }
});