在Popup上，通过ajax: php mysql可以看到两次数据获取

我过去两个小时一直在挣扎。

尝试:

location.reload();
reset form 

许多功能，但在我关闭我的弹出窗口，当重新打开或打开另一个id ..我之前的id数据仍然在那里，并且它对所有id都是连续的。

风格:

#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}
.content a{
text-decoration: none;
}
.popup{
width: 100%;
margin: 0 auto;
display: none;
position: fixed; 
z-index: 101;
}
.content{
min-width: 800px;
width: 900px;
min-height: 150px;
margin: 0px auto;
background: #f3f3f3;
position: relative;
z-index: 103;
padding: 10px;
border-radius: 5px;
box-shadow: 0 2px 5px #000;
}
.content p{
clear: both;
color: #555555;
text-align: justify;
}
.content p a{
color: #d91900;
font-weight: bold;
}
.content .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.content .x:hover{
cursor: pointer;
}

Jquery/ajax:

下面是我的弹出框+ ajax获取和显示记录下的输入字段

 $('#class').on('click delegate mouseenter', 'a', function (e) {
            var data = dt.row( $(this).parents('tr') ).data();
            var valuea = data[1];

             $(function(){
                e.preventDefault();   
                var table = $('#class').DataTable();
                var overlay = $('<div id="overlay"></div>');
                    $('.close').click(function(){
                    $('.popup').hide();
                    overlay.appendTo(document.body).remove();
                    location.reload();
                    resetForms();
                    $("span.ajax_loader").hide(); // success
                    var pathlaser = "server_processing_laser.php";
                    tablel.clear();
                    tablel.draw();
                    tablel.ajax.url(pathlaser).load();
                    return false;
                });
                $('.xclose').click(function(){
                    $('.popup').hide();
                    overlay.appendTo(document.body).remove();
                    location.reload();
                    resetForms();
                    $("span.ajax_loader").hide(); // success
                    var pathlaser = "server_processing_laser.php";
                    tablel.clear();
                    tablel.draw();
                    tablel.ajax.url(pathlaser).load();
                    return false;
                });
             // POPUP BOX
                $('.click_'+data[0]+'').click(function(e){e.preventDefault();       
                    overlay.show();
                    overlay.appendTo(document.body);
                    $('.popup').show();
                $("div.note_msg").hide();
                    $('.popup .id').val(valuea); 
               // FETCHING DATA TO SHOW
                    $.ajax({
                       type:"GET",
                       url:"fetchrecord.php",
                       data:{
                           valuea:valuea,
                        },
                         async: false,
                       success:function(html){ 
                         $("#display").after(html);
                         }     
                    });
                    return false;
                });
            });
    }); 
});

下面是弹出代码:

<div class='popup'>
<div class='content'>
<a href='' class="xclose"><img src='../datatables/media/images/close.png' alt='quit' class='x' id='x' /> </a>
<p> 
         <form method="post" action="" id="feedback_form">
        <div class="langtrx_fr" align="center">
                <table align="center"> 
                 <div id="display"></div>
               </table>
        </div> 
    </form>

<span class="ajax_loader"></span>
<table align="center"><tr><td> <a href='' class='close'><strong>Close</strong></a> </td></tr> </table>
</p>
</div>
</div>

fetchrecord.php

$valuepktid = $_REQUEST['valuea'];
$sql = "SELECT stoneone,stonetwo,stone3,loss FROM stone
      WHERE pid = ".db_escape($valuepktid)." 
      GROUP BY id";
$resultpkt = mysqli_query($db,$sql);
$abpkt = mysqli_fetch_array($resultpkt); 
?>
<?php

?>

<tr> 
<td class="label">Stone 1 :</td>
<td  class="form">
<input name="stoneone" id="stoneone" readonly value="<?php echo $abpkt['stoneone'];?>" class="stoneone" autocomplete="off"  type="number"/>
</td>
</tr>
<tr>
<td class="label">Stone 2 :</td>
<td class="form"><input name="stonetwo" readonly value="<?php echo $abpkt['stonetwo'];?>" class="stonetwo" autocomplete="off"  type="number" /></td>
</tr>
<tr>
<td class="label">Loss :</td>
<td class="form"><input name="loss" readonly  value="<?php echo $abpkt['loss'];?>" class="loss" value="" autocomplete="off"  type="number" /></td>
</tr>

一切正常…我的意思是我正在获取数据

，但当我关闭并打开任何其他ID，然后弹出显示我上面的tr/td数据两次。指的是最新的数据和我关闭的旧数据。我试着重新加载页面，以便我得到新的数据，但有时它显示我正确的数据和一些时间的倍数与旧的。

我认为这与div缓存有关，它在弹出窗口关闭后仍然保持其状态

popup link: Jquery Datatables: Jquery popup Box not working under function - php mysql

有什么想法请帮忙

header('Pragma: no-cache', true);
header("Cache-Control: no-store, no-cache, must-revalidate", true);

success:function(html) { 
$("#display").after(html);
} 

success:function(data) { 
$("#display").html(data);
}