Javascript 如何删除一个单选按钮的post值以呈现新的单选选择结果

我正在制作一个有3个单选按钮的模块。单击一个单选按钮可列出与其相关的数据，依此类推。我在单选按钮上应用了ajax调用，单击并在响应中返回一个数组。我这里的问题是，每次单击单选按钮，数据都会不断添加到列表中。例如，如果我单击“所有用户”收音机，它将显示与所有用户相关的数据，但如果我再次单击“未批准的用户”收音机，列表将添加到底部的“所有用户”列表中。因此，如何在每次呈现数据时重置$u POST变量，以便为新的无线电选择显示新列表， 我真的很感谢你的帮助或建议

代码如下：

 <script>
        $('#selection').change
        (

            function() 
            {
              var selected_value = $("input[name='users']:checked").val();
              //till here the code works fine.
$.ajax
                ( 
                    {
                        url: "approval_ajax.php",
                        dataType : "json",
                        type: "POST",
                        cache: false,
                        data: { selected_value : selected_value },

                        success: function(response)
                        {
                             console.log(response);
                                var len = response.length;
                           for(var i=0; i<len; i++){
                                 var id = response[i].id;
                                 var email = response[i].email;
                                 var employee_id = response[i].employee_id;
                                 var first_name = response[i].first_name;
                                 var middle_name = response[i].middle_name;
                                 var last_name = response[i].last_name;
                                 var mobile = response[i].mobile;
                                 var created_on = response[i].created_on;
                                 var disabled = response[i].disabled;

                    var tr_str = "<tr>" +
                        "<td>" + (i+1) + "</td>" +
                        "<td>" + email + "</td>" +
                        "<td>" + employee_id + "</td>" +
                        "<td>" + first_name + "&nbsp;" + middle_name + "&nbsp;" + last_name + "</td>" +
                        "<td>" + mobile + "</td>" +
                        "<td>" + created_on + "</td>" +
                        "<td><input type='checkbox' name='check[]'"  + disabled +  "value= '"  + id +  "' class='checkbox' id='select_all' ></td>" +
                          "<input type='hidden' value='"  + id +  "' name='user_id' id='user_id' >" +
                        "</tr>";

                    $("#example").append(tr_str);
                }
                           alert("AJAX was a success");
                        }
                    }
                );
            }
        );
    </script>

现在我批准了_ajax.php

---

$\u POST变量将在每次新请求时重置

这里的问题是您正在使用jquery的函数。此函数只是将内容添加到元素的末尾

编辑：

---

为了在添加新数据之前清除列表，请使用该功能。

谢谢您的时间，但按照您的指示，请使用html，现在列表只显示最后一条记录，而不是所有记录。我明白了。我刚意识到你在客户端建桌子。我的错。尝试以下操作：返回使用append函数，但在for循环之前，添加以下内容：$example.empty；再次感谢。但这并不能解决我的问题。使用此选项将删除我的表标题。示例是表的id，它有类，好的，下面是您可以做的事情：使用tbody标记将内容与标题分开。这样，您就可以在tbody中使用empty和append函数，而不是表本身。你能试试吗？你的桌子需要看起来像这样：场1场2。。。然后，可以使用$table-content.empty清除表中的内容。另外，将您的数据tr_str var附加到table content元素中。谢谢您的时间，但我没有收到您的回复。你能说得具体一点吗。

  <?php


session_start();

require("../includes/config.php"); 
require("../classes/Database.class.php"); 
$db = new Database(DB_SERVER, DB_USER, DB_PASS, DB_DATABASE);  

$return_arr = array();
$status=''; 

   if($_SERVER['REQUEST_METHOD'] == 'POST')
   {
       $value = filter_input(INPUT_POST, "selected_value");


       if (isset($value))
       {
         $users=$value;

}else{
    $users='';
}

switch ($users)

{

case "all":
  $sqlQuery = "SELECT * FROM tbl_user WHERE type =3";       

break;

case "approved":
  $sqlQuery = "SELECT * FROM tbl_user WHERE type =3 AND status =1";   
break;

case "unapproved":
  $sqlQuery = "SELECT * FROM tbl_user WHERE type =3 AND status =0";   

break;

}

$sq = $db->query($sqlQuery);


if ($db->affected_rows > 0) {

while ($row = mysql_fetch_array($sq)) {
    $disabled = '';
    if ($status == '1') {

        $disabled = "disabled = 'disabled' checked='checked' ";
    }

    $id = $row['id'];
    $email = $row['email'];
    $employee_id = $row['employee_id'];
    $first_name = $row['first_name'];
    $middle_name = $row['middle_name'];
    $last_name = $row['last_name'];
    $mobile = $row['mobile'];
    $created_on1 = $row['created_on'];
    $created_on = date("d-m-Y", strtotime($created_on1));

    $return_arr[] = array("id" => $id,
    "email" => $email,
    "employee_id" => $employee_id,
    "first_name" => $first_name,
    "middle_name" => $middle_name,
    "last_name" => $last_name,
    "mobile" => $mobile,
    "created_on" => $created_on,
    "disabled" => $disabled
    );
}
}
header('Content-Type: application/json', true, 200);
echo json_encode($return_arr);
}