я хочу передать значение рейтинга из файла. js в файл. php в другой папке, а затем вставить его в базу данных, используя mysql

Question

У меня есть следующий рейтинг звездочки, используя только HTML, js, теперь я хочу обновить систему и начать использовать PHP. У меня есть идея передать значение рейтинга в PHP, добавить его в общее значение рейтинга, чем получить AVG, но я не могу найти способ передать значение рейтинга из. js в файл. php, чтобы продолжить работу

. js файл

$(document).ready(function(){
  $('#stars li').on('mouseover', function(){
    var onStar = parseInt($(this).data('value'), 6); //hover star
    // to highlight all previous stars
    $(this).parent().children('li.star').each(function(e){
      if (e < onStar) {
        $(this).addClass('hover');
      }
      else {
        $(this).removeClass('hover');
      }
    });

  }).on('mouseout', function(){
    $(this).parent().children('li.star').each(function(e){
      $(this).removeClass('hover');
    });
  });


//  click
  $('#stars li').on('click', function(){
    var onStar = parseInt($(this).data('value'), 6); // The star currently selected
    var stars = $(this).parent().children('li.star');

    for (i = 0; i < stars.length; i++) {
      $(stars[i]).removeClass('selected');
    }

    for (i = 0; i < onStar; i++) {
      $(stars[i]).addClass('selected');
    }
//rating value i want to pass to php
 var ratingValue = parseInt($('#stars li.selected').last().data('value'), 6);
    var msg = "";
    if (ratingValue > 1) {
        msg = "Thanks! You rated this movie " + ratingValue + " stars.";
    }
    else {
        msg = "We will improve ourselves. You rated this " + ratingValue + " stars.";
    }
    responseMessage(msg);



  });


});


function responseMessage(msg) {
  $('.success-box').fadeIn(200);  
  $('.success-box div.text-message').html("<span>" + msg + "</span>");
};

html файл div, содержащий рейтинг div

    <div class="rating-area">
         <div class='ratings text-center'>
    <ul id='stars'>
      <li class='star' title='Poor' data-value='1'>
        <i class='fa fa-star fa-fw'></i>
      </li>
      <li class='star' title='Fair' data-value='2'>
        <i class='fa fa-star fa-fw'></i>
      </li>
      <li class='star' title='Good' data-value='3'>
        <i class='fa fa-star fa-fw'></i>
      </li>
      <li class='star' title='Excellent' data-value='4'>
        <i class='fa fa-star fa-fw'></i>
      </li>
      <li class='star' title='WOW!!!' data-value='5'>
        <i class='fa fa-star fa-fw'></i>
      </li>
    </ul>
  </div>
              <div class='success-box'>
    <div class='clearfix'></div>
    <img alt='tick image' width='32' src='Images/Logo/successicon.png'/>
    <div class='text-message'></div>
    <div class='clearfix'></div>
  </div>



         </div>