将AJAX应用于评级系统

所以我创建了这个评分系统，根据用户点击的星星将1-5号发送到一个文本文件。在同一页面上，我们有一个计数器，用于计算投票数和所有投票的总数。

进度很好，但我想改进一下。

<form name="Star" id="Star">    
    <div id="rating-area" class="shadow">   
    <img src="star-icon.png" id="thumb1" data-value="1" />
    <img src="star-icon.png" id="thumb2" data-value="2" />
    <img src="star-icon.png" id="thumb3" data-value="3" />
    <img src="star-icon.png" id="thumb4" data-value="4" />
    <img src="star-icon.png" id="thumb5" data-value="5" />
    </div>

</form>

<script>

   jQuery('div#rating-area img').click(function(e){
        var val = jQuery(this).data('value') ;
        console.log(val) ;
        jQuery.post('post.php',{ Star : val },function(data,status){
            console.log('data:'+data+'/status'+status) ;
        }) ;
    }) ;
</script>

<?php
    $file = file("textfile.txt");
    $textfil = file_get_contents("textfile.txt");
    $textfill = str_split($textfil);

    echo "Number of votes in file: " . count($textfill) . "<br>";
    $sum = 0;
    foreach ($textfill as $vote) {
        $sum = $sum + intval($vote);
    }
    echo "Total: " . $sum;
?>

我有点新的这个php，但是否有可能做一个AJAX请求，这样我们就不必重新加载页面，以获得更新的计数数字?

我需要帮助的是创建一个AJAX调用，所以当用户点击一个星号时，页面将从文本文件中调用数据，而无需重新加载整个页面。

我认为我张贴了所有必要的信息，如果没有，请告诉我，我会编辑并尽量给你的信息。