Mise à jour PHP AJAX

Bonjour à tous !

J'essaie de mettre à jour ma table en utilisant Ajax mais je n'y parviens pas.
Pouvez-vous me filer un coup de main svp ?

Voici ma page :

<input type="hidden" id="Fr_Reference" name="Fr_Reference" value="<?php echo $data["Reference"]; ?>">

<button type="button" onClick="BC_Preparation();" id="BTN_Preparation" name="BTN_Preparation" >Mettre en préparation</button>

<script type="text/javascript">
function BC_Preparation(){
	var $button = $(this);
	var ValBC = document.getElementById("Fr_Reference").value;
    $.ajax({
	type : "POST",
        url: '_preparation.php',
        cache: false,
	data: ValBC,
        error: function(e){alert(e);},
        success: function(response){
	response;
	location.reload();
	}
    });
}
</script>

Et voici mon code de mise à jour (_preparation.php) :

<?php
var_dump($_POST);

if (isset($_POST['ValBC'])) {
$Reference 	= $_POST['ValBC'];
$Fr_Etat	= "PRÉPARATION";
$Fr_Date 	= strftime("%Y-%m-%d %H:%M:%S");

$UP = $pdo->prepare("UPDATE tb_shop_recap SET Etat=:Fr_Etat, Date_3=:Fr_Date WHERE Reference='".$Reference."' ");
$UP -> bindParam(":Fr_Etat", $Fr_Etat);
$UP -> bindParam(":Fr_Date", $Fr_Date);
$UP -> execute();
}
?>

Cordialement.