Question

我试图在ajax调用后显示数据，但在显示

后它消失了

这是我的代码：

<script src="js/jquery.js"></script>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
    $(document).ready(function(){
                    $(".medicine").keyup(function(){
                    var txt=$(this).val();
                    $.post("search.php",{medicine:txt},function(result){
                    $("#search-result").html(result);
                        });
                    });
        $(document).on('click','#find', function () {
           var input = $("#text").val();
           var url = 'row.php';
           var data = input;
            $.ajax({
                type: "POST",
                url: url,
                data: {data:data},
                success: function (data) {
                    $(document).find('table').remove();
                    $("#temp_table").html(data);        
                }
            });
        });
    });

</script>

第一个功能是搜索栏，它正在工作第二个也工作但是当数据成功时它会在临时div中显示一秒并消失

Answer 1

当您的ajax完成后，success回调函数会删除因使用.remove()函数而导致的所有<table>元素。

$(document).find('table').remove();

描述：从DOM中删除匹配元素集。

如果您希望清除<table>元素的html内容而不是删除（我的猜测），请使用.empty()代替< / p>

$.ajax({
     type: "POST",
     url: url,
     data: {
         data: data
     },
     success: function(data) {
         $('table').empty();
         $("#temp_table").html(data);
     }
 });

ajax调用后，表格消失了

1 个答案: