$(".eventer button[name=unique]").click(function() {
console.log('button clicked');
thisBtn = $(this);
parent = $(this).parent();
num = parent.data('num');
id = parent.data('id');
if(typeof num != 'number'){
num = 0;
}
$(this).attr('disabled', true);
$.post(
'unique.php',
{
num: (num+1),
id: id
},
function(data) {
console.log('Ajax success');
parent.next('.status').html(num);
thisBtn.attr('disabled', false);
console.log('Ajax success');
parent.data('num', ++num);
parent.next('.status').html(num);
thisBtn.attr('disabled', false); // reset
}
);
});
console.log('-- end');
An error occurs in unique.php where the index is undefined, indicating that 'num' is not being sent correctly to the page. Additionally, the expected HTML snippet from unique.php is not showing up on the .status element as intended.
This code belongs to unique.php. The 'num' variable should be posted here and then displayed by echoing the value in the correct status class on the main page. However, only the numerical value of 'num' appears on the main page instead.
<?php
$uniqueVar = $_POST['num'];
echo " $uniqueVar haha unique cakes";
?>