php - ajax を使用してページを更新せずにボタンで MySQL テーブルを更新する

Question

を使用してページを更新せずに、データベースの値を更新しようとしていますAJAX。私はまったく初めてですAJAXが、Stackoverflowで回答を検索した後、関数を作成できましたが、機能させることができません。

メインページの1つ...

<script type="text/javascript" src="/js/jquery.js"></script>
<script>
  function UpdateRecord(id)
  {
      jQuery.ajax({
       type: "POST",
       url: "del_reason.php",
       data: 'id='+id,
       cache: false,
       success: function(response)
       {
         alert("Record successfully updated");
       }
     });
 }
</script>

ボタン (フォームにある)

<input type="button" name="delete_pos" value="Delete" class="delRow_pos"
       onClick="UpdateRecord(<? echo $row['reasonID']; ?>);"/>

の内容del_reason.php

$var = @$_POST['id'] ;
$sql = "UPDATE gradeReason SET current = 0 WHERE reasonID = $var";
$result = mysqli_query($mysqli,$sql) or die(mysqli_error($mysqli));
//added for testing
echo 'var = '.$var;

データベースに接続している同じページの他の関数は正常に動作し、他のjquery関数も同様に機能するため、データベース接続は問題ありませんが、ボタンをクリックすると、アラートはレコードが更新されていることを示していますが、そうではありません