如何更改链接点击数据（使用ajax）？

Question

我的代码有效，但如果我点击链接1，则链接1的数据应显示在div中。如果我点击链接2，链接1的数据将消失，链接2的数据将会显示。但是代码工作的方式，链接1的数据显示，然后链接2的数据将显示在它下面，并且两者都不会消失。

SQL：

    if(isset($_GET['id']))
    {
$sql_query="SELECT * FROM PresidentialCandidate WHERE ID=".$_GET['id'];
     $result_set=mysqli_query($mysqli,$sql_query);
     $row=mysqli_fetch_array($result_set,MYSQLI_ASSOC);
    }

Ajax：

  jQuery(document).ready(function() {
   jQuery('a.query-link').on('click', function(e){    
    //Prevent the link from working as an anchor tag
    e.preventDefault();

    //Declare 'this' outside of AJAX because of asynchronous nature of call
    that = jQuery(this);

    //Make AJAX call to the PHP file/database query
    jQuery.ajax({
        url:'http://dirtypoliticsph.com/chart-submission/templatecode.php',
         type:'GET',
        data:{id:jQuery(this).attr('data-id')},
        success:function(data){
            jQuery('#myStyle').append(data);
        }
    });
});
  });

Answer 1

替换： -

jQuery('#myStyle').append(data);

带

jQuery('#myStyle').html(data);

append将data添加到#myStyle的底部，其中html将替换#myStyle中的内容。