jquery ajax 返回数据不起作用

我有一个表单，其中包含两个文本框和两个按钮（一个提交按钮，一个按钮）。 当我调用单击按钮时，它必须使用数据"CheckRegistration"进行 ajax 调用。最后，它将调用ViewRegisterStudents（）函数。我期待"resultVal"搅拌返回到 ajax 调用，但它返回"resultVal"字符串和形式（两个文本框，两个按钮）。

 $(document).ready(function(){
             $(':button').click(function(){
                  $.ajax({
                      Url:"SkiiTripDB.php",
                      type:"POST",
                      data:{call:'CheckRegistration'},
                      dataType:"html",
                      success:function(data){
                             $('div#registeredStudents').html(data);
                      }
                  });
              });
          });

      if(isset($_POST['call']))
        {
                $call=$_POST['call'];
                  $connection=IsDatabaseConnected($strServer,$strUsername,$strPassword,$strDatabaseName);
                 switch($call)
                 {
                      case 'CheckRegistration':ViewRegisteredStudents();
                                                break;
                 }
                 closeDatabaseConnection($connection);   
         }
function ViewRegisteredStudents()
        {
           $resultVal="";
           $resultVal.="<table  border='2'>";
           $resultVal.="<tr>";
           $resultVal.="    <th>Student Name</th>";
           $resultVal.="     <th>Student Class</th>";
           $resultVal.=" </tr>";
           // Query database
           $strSqlQuery="SELECT sSName, sClass FROM tripregistration";
           $result=mysql_query($strSqlQuery);
           while($row=mysql_fetch_array($result))
           {
               $resultVal.="<tr>";
                $resultVal.="<td>".$row['sSName']."</td>";
                $resultVal.="<td>".$row['sClass']."</td>";
               $resultVal.="</tr>";
           }
                $resultVal.="</table>";
              echo $resultVal;
            }