Javascript 使用PHP+；从HTML格式的数据库中清除以前的返回数据；JSON+；AJAX

我正在做数据库项目，我建立了数据库和用户界面，数据库和用户界面之间的通信是由PHP、JSON和AJAX实现的。 在“前三名”选项卡中，我试图让成绩最高的前三名学生参加，我的计划是使用下拉选项，每次选择另一门课程，每次都让前三名学生参加。代码正在工作，但不是我想要的。 它总是将新结果附加到最后一个结果。如果我想让另一个前三名学生加入，那就是将新的结果附加到最后的结果中，而不是清除以前的数据

我的代码是：

Javascript:

    $('#showCourse').click(function(){
        console.log("showCourse");
        var top3 = $('#top3').val();
        var top3Table = $('#top3Table');
        console.log(top3);
        $.ajax({
            type: "POST",
            dataType:"json",
            data: {"top3" : top3},
            url: "jsonTop3.php",
            cache: false,
            success: function(data){  
                console.log("success");      
                console.log(data.length);
                for (var i = 0; i < data.length; i++) {
                    var row = "<tr><td>" + data[i].student_id + "</td>" +
                                     "<td>" + data[i].grade + "</td></tr>";
                    top3Table.append(row);
                  }
          }
    });
});

$（'#showCourse'）。单击（函数（）{
控制台日志（“showCourse”）；
var top3=$（'#top3'）.val（）；
var top3Table=$（“#top3Table”）；
控制台日志（top3）；
$.ajax({
类型：“POST”，
数据类型：“json”，
数据：{“top3”：top3}，
url:“jsonTop3.php”，
cache:false，
成功：函数（数据）{
控制台日志（“成功”）；
console.log（data.length）；
对于（变量i=0；i

HTML:

选择课程名称：
没有一个
操作系统
积分器
网络开发
代数
嵌合体
生物
历史
JAVA
数学入门
UNIX
显示
前三名

PHP:

---

在追加行之前清空表怎么样

$.ajax({
        type: "POST",
        dataType:"json",
        data: {"top3" : top3},
        url: "jsonTop3.php",
        cache: false,
        success: function(data){  
            console.log("success");      
            console.log(data.length);
            top3Table.empty();
            for (var i = 0; i < data.length; i++) {
                var row = "<tr><td>" + data[i].student_id + "</td>" +
                                 "<td>" + data[i].grade + "</td></tr>";
                top3Table.append(row);
              }
      }

$.ajax({
类型：“POST”，
数据类型：“json”，
数据：{“top3”：top3}，
url:“jsonTop3.php”，
cache:false，
成功：函数（数据）{
控制台日志（“成功”）；
console.log（data.length）；
top3Table.empty（）；
对于（变量i=0；i

在追加行之前清空表怎么样

$.ajax({
        type: "POST",
        dataType:"json",
        data: {"top3" : top3},
        url: "jsonTop3.php",
        cache: false,
        success: function(data){  
            console.log("success");      
            console.log(data.length);
            top3Table.empty();
            for (var i = 0; i < data.length; i++) {
                var row = "<tr><td>" + data[i].student_id + "</td>" +
                                 "<td>" + data[i].grade + "</td></tr>";
                top3Table.append(row);
              }
      }

$.ajax({
类型：“POST”，
数据类型：“json”，
数据：{“top3”：top3}，
url:“jsonTop3.php”，
cache:false，
成功：函数（数据）{
控制台日志（“成功”）；
console.log（data.length）；
top3Table.empty（）；
对于（变量i=0；i

使用

成功：函数（数据）{
var行=“”；
对于（变量i=0；i

不要使用成功功能

成功：函数（数据）{
var行=“”；
对于（变量i=0；i

---

它附加结果是因为您使用了

top3Table.append（row）；

它附加结果是因为您使用了

top3Table.append（row）；

这样它将只插入最后一个row@abidibothanx）我修正了我的答案并发布了正确的函数代码，这样它将只插入最后一个row@abidibothanx）我修正了答案并发布了正确的函数代码

$.ajax({
        type: "POST",
        dataType:"json",
        data: {"top3" : top3},
        url: "jsonTop3.php",
        cache: false,
        success: function(data){  
            console.log("success");      
            console.log(data.length);
            top3Table.empty();
            for (var i = 0; i < data.length; i++) {
                var row = "<tr><td>" + data[i].student_id + "</td>" +
                                 "<td>" + data[i].grade + "</td></tr>";
                top3Table.append(row);
              }
      }

success: function(data){  
      var row = '';
      for (var i = 0; i < data.length; i++) {
         row += "<tr><td>" + data[i].student_id + "</td>" +
                     "<td>" + data[i].grade + "</td></tr>";
      }
      top3Table.html(row);
   }