如何防止我的ajax动作多次执行？

Question

的index.php：

 <button class="create" data-id="12">create</button>

的script.js：

$(".create").on('click', function () {

    var id = $(this).data('id');


    $.ajax({
        url: "update.php",
        data: {
            id: id,
        },
        type: "POST",
        success: function (data) {
            $(".result").html(data);
        }
    })
    $(this).unbind();
    return false;
});

update.php：

   $pdo = $db->prepare('INSERT INTO data (id) values(:id) ');
            $pdo->execute(array(
                ':id' => $_POST['id'],
    )); 

我的问题是数据在我的数据库中多次创建，即使我只点击了一次＆＃34;创建＆＃34;按钮。

我尝试通过添加＆＃34; $（this）.unbind（）＆＃34;来防止这种情况发生。 oder＆＃34;返回false＆＃34;。但这不是解决我的问题