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 clicks this button i have to send hidden value that is job id using ajax:

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

And this 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 the hidden value:

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

My Error is job id value is coming as zero.

Answer 1

You need to change your,

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

as,

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

Hope this helps!