How to send and receive hidden value using Ajax

Question

This is my job id which is in php.

<td id="JobId"><?php echo $JobResults['id_job']; ?></td>

This is my reinvite button, when I click this button, I need to send a hidden value that is the job id using ajax:

<button id="ReInvite">Reinvite</button>

And this is my ajax call:

$('#ReInvite').click(function() {
    JobId = $('#JobId').val();
    $.ajax({
        url: "job-controller.php",
        method: "POST",
        data: {'action':'reinvite','JobId' : + JobId},
        dataType: "json",
        success: function (response) {
                console.log(response);
                $("#showMessage").html(response['message']);
        },
        error: function (request, status, error) {
            $("#showMessage").html("OOPS! Something Went Wrong Please Try After Sometime!");
        }
    });
    return false;
});

this is my controller page to call a hidden value:

if($_POST['action']=='reinvite'){ 
    $Jobid = trim($_GET['JobId']);
    echo $JobId;
    exit;
});

My mistake is a job id value of zero.

Answer 1

You need to change your

data: {'action':'reinvite','JobId' : + JobId},

and,

{'action':'reinvite','JobId' : + $('#JobId').text()},

Hope this helps!

Answer 2

Change this line:

JobId = $('#JobId').val();

at

JobId = $('#JobId').text();

val() jQuery . text() html- html(), html .

Answer 3

$_POST['JobId'] not $_GET['JobId']

Answer 4

You should get it from $ _POST, not $ _GET.