PHP AJAX Getting undefined index id ,tried many ways couldnt solve it - php

Question

I'm making an click event in which I send the id of the employee. I can see the value using console.log(); the employee id is getting shown, but I keep getting an index :id error.
<input type="button" class="btn btn-primary" value="Appointment Letter" onclick="downloadempappointmentletter('<?php echo $data->employee_id;?>')">
function downloadempappointmentletter(id) {
$.ajax({
type: 'POST',
url: "<?php echo base_url(); ?>Admin/Employee/downloadappointmentletter",
data: { id: id },
success: function (data) {
console.log(data);
}
});
}
public function downloadappointmentletter()
{
$empid = $_POST['id'];
}
I keep getting error:
undefined index :id
However when I echo $data->employee_id; it shows 1 etc. What am I missing?

Answer 1

You just comment $empid = $_POST['id']; this line and var_dump($_POST); it will shows all $_POST values from ajax
look through browser Network tab ,check ajax post id or not after that we can follow up the problem

Answer 2

try this
<input type="button" class="btn btn-primary" value="Appointment Letter" onclick="downloadempappointmentletter('<= $data->employee_id ?>')">

Answer 3

<input type="button" class="mybutton btn btn-primary" value="Appointment Letter"
data-value="<?php echo $data->employee_id; ?>">
now
$(document).ready(function() {
$(".mybutton ").click(function(){
let id = $(this).attr('data-value');
$.ajax({
type: 'POST',
url: "<?php echo base_url(); ?>Admin/Employee/downloadappointmentletter",
data: { id: id },
success: function (data) {
console.log(data);
}
});
});
});

Answer 4

function downloadempappointmentletter(id) {
$.ajax({
type: 'POST',
url: "<?php echo base_url(); ?>Admin/Employee/downloadappointmentletter",
data: { "id": id },
success: function (data) {
console.log(data);
}
});
}
Try this. I think you forgot ("") when sending data

Answer 5

I fixed it instead of an onclick event ,i made it work through calling it in <a href="">

Answer 6

function downloadempappointmentletter(id) {
var ID = id;
$.ajax({
type: 'POST',
url: "<?php echo base_url(); ?>Admin/Employee/downloadappointmentletter",
data: { id: ID },
success: function (data) {
console.log(data);
}
});
}