Javascript 表单提交后出现多个警报变体

我一直在努力整理一份评分表，以便用户可以对产品进行评分，我正在寻找一种方法，在提交表格后为用户提供适当的反馈。最初，我让表单重定向到另一个处理数据的页面，并响应响应（“您的评级已更新”，“您的评级已添加到数据库”，“请登录以提交评级”），但不想重定向用户，因此改为使用ajax

虽然我能够提供提醒，告诉用户表单是否已提交，但我似乎仅限于一条成功或失败消息，并希望有一种方法可以调用处理程序的响应，而不是使用我目前拥有的默认“成功”提醒（在客人试图提交评级的情况下，这本身并不准确）。出于某种原因，我现在也收到了两次“成功”警报

任何帮助都将不胜感激

提交功能：

<script type="text/javascript">
function submitform(){
    $.ajax({
        url:'/ratings/products/productratinghandler.php',
        type:'post',
        data:$('#ratingform').serialize(),
        success:function(){
            alert("Your rating has been added to the database.");
        }
    });
}
</script>

函数submitform（）{
$.ajax({
url:“/ratings/products/productratinghandler.php”，
类型：'post'，
数据：$（'#ratingform'）。序列化（），
成功：函数（）{
警报（“您的评级已添加到数据库中。”）；
}
});
}

表格：

>
★
>
★
>
★
>
★
>
★
<div class="wrapper">
<form id="ratingform" onClick="javascript: submitform()" action="/ratings/products/productratinghandler.php" method="post">
  <input type="radio" id="r1" name="rg1" value="100" <?php echo $hundred; ?>>
  <label for="r1">&#9733;</label>
  <input type="radio" id="r2" name="rg1" value="90" <?php echo $ninety; ?>>
  <label for="r2">&#9733;</label>
  <input type="radio" id="r3" name="rg1" value="80" <?php echo $eighty; ?>>
  <label for="r3">&#9733;</label>
  <input type="radio" id="r4" name="rg1" value="70" <?php echo $seventy; ?>>
  <label for="r4">&#9733;</label>
  <input type="radio" id="r5" name="rg1" value="60" <?php echo $sixty; ?>>
  <label for="r5">&#9733;</label>
  <input type="radio" id="r6" name="rg1" value="50" <?php echo $fifty; ?>>
  <label for="r6">&#9733;</label>
  <input type="radio" id="r7" name="rg1" value="40" <?php echo $forty; ?>>
  <label for="r7">&#9733;</label>
  <input type="radio" id="r8" name="rg1" value="30" <?php echo $thirty; ?>>
  <label for="r8">&#9733;</label>
  <input type="radio" id="r9" name="rg1" value="20" <?php echo $twenty; ?>>
  <label for="r9">&#9733;</label>
  <input type="radio" id="r10" name="rg1" value="10" <?php echo $ten; ?>>
  <label for="r10">&#9733;</label>
  <input type="hidden" id="username" name="username" value="<?php if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true){echo $usn;}?>">
  <input type="hidden" id="productid" name="productid" value="<?php echo $product_id ;?>">
  </form>
</div>

<script type="text/javascript">
function submitform(){
    $.ajax({
        url:'/ratings/products/productratinghandler.php',
        type:'post',
        data:$('#ratingform').serialize(),
        success:function(data){
            alert(data);   
        }
    });
}
</script>