Ajax jQuery MySql删除字段

Question

I have a fields of phone numbers that are pulled from the database through ajax and what I'm trying to do is add a delete button next to the info Here is what I have so far it seems this should be working but it is not. I'm also using bootstrap.

HTML CODE:

<input type="hidden" value="<?php echo _e($_SESSION['id']); ?>" id="userid">
<div class="row">
    <div class="col-md-4">
        <p>',_e($r->label),'</p>
    </div>
    <div class="col-md-6">
        <p>',_e($r->phone),'</p>
    </div>
    <div class="col-md-2">
        <a class="delPhone" rel="',_e($r->id),'" href="#">
            Delete Number
        </a>
    </div>
</div>

AJAX CODE

$('.delPhone').on('click', function() {
    $id = $('#userid').val();
    $.ajax({
        type: 'POST',
        url: "functions.php",
        data: {"userid":$id, "phoneid": $(this).attr('rel')}, 
        success: function(data) {
            console.log(data);
        }
    });     
});

PHP CODE

if(isset($_POST['phoneid']) === true && isset($_POST['userid']) === true) {
    if(empty($_POST['phoneid']) === false && empty($_POST['userid']) === false) {
        $phoneid    = $_POST['phoneid'];
        $userid     = $_POST['userid'];
        require_once 'connect.php';
        $sql = "DELETE FROM numbers WHERE userid=:userid AND id=:phoneid";
        $query = $handler->prepare($sql);
        $query->execute(array(
            ':userid'   => $userid,
            ':phoneid'  => $phoneid
        ));
    }
}

Answer 1

Solution:

The problem is that you are NOT specifying the value of $id in you AJAX which is why PHP doesn't know what to delete.

Error message: Uncaught ReferenceError: $id is not defined