当传输值ajax时，布局会发生变化

Question

在一页上：我得到＆＃34; id＆＃34;使用Javascript并通过Ajax POST传递值，我使用PHP获得价值。但是整个布局都崩溃了（整个网站都在内部重复）并且也从bd预告了php。

如何定位这个结论？ （例如data-id =＆＃34; 56＆＃34;）（我们在index.php，我们需要接收帖子请求而不直接刷新整个页面到$_POST['art_id']）

<div>
  <a href="#" data-id="<?php echo $user['id']; ?>">Button</a>
</div>

$('div a').click(function() {
  $.post({   
    url: "index.php",  
    data: 'art_id=' + $(this).attr('data-id'),
    success: function(data){
      $("#result").append(data);
    },
  })
}

当前结果（我们得到post_data：56）：

<div id="result"></div>
  <?php 
    $post_id = $_POST['art_id']; 
    echo 'post_data: '.$post_id; 
  ?>

我不需要在div中输出结果。这里大概是我想要的：

需要的结果：

  <?php 
    $post_id = $_POST['art_id']; 
    $query = $mysqli->query("SELECT * FROM table WHERE id='$post_id'");
  ?>

我只需要将结果传递给sql请求。 但我不明白如何重做这一部分：

success: function(data){
          $("#result").append(data);
        },

Click on button

Result