废肥菜比八开发PHP与前端会遇到的水坑_网页会自己重新载入

想写一些自己开发上遇到的各种小小问题
不是算什么技术反而问题解决时,会觉得自己code写的很白癡...
不确定iT这里能不能发这样的文章,姑且先试试看当个纪录,请各位不要气到拍我

今天PHP单纯跳页的(增删修)通讯录,要改成用Ajax
以下code简短说明
index.php

<table>  <tr>    <th>编号</th>    <th>姓名</th>    <th>性别</th>    <th>电话</th>    <th>地址</th>    <th>E-mail</th>    <th>修改</th>    <th>删除</th>  </tr>  <?php foreach ($userlist as $key => $value) { ?>  <tr>  <td><?php echo $value['id']; ?></td>  <td><?php echo $value['name']; ?></td>  <td><?php echo $sex = ($value['sex']==="1") ? "男" : "女" ; ?></td>  <td><?php echo $value['tel']; ?></td>  <td>  <a href="./form.php?do=update&id=<?php echo $value['id'];?>">        <button>修改(跳页)</button>      </a>    </td>    <td>    <a href="../controller/controller.php?do=delete&id=<?php echo $value['id'];?>">    <button onclick="javascript:return del(<?php echo $value['id']; ?>)">删除(这边改成Ajax)</button>    </a>    </td>  </tr>  <?php } ?></table>

改完后

<td>    <a href="./form.php?do=update&id=<?php echo $value['id'];?>">      <button>修改(跳页)</button>    </a>    </td><td>    <a href="">    <button onclick="javascript:return del(<?php echo $value['id']; ?>)">删除(这边改成Ajax)</button>    </a></td>

PHP与javascript里的Ajax不是这次的重点,但还是贴一些给看看
controller.PHP

if ($_SERVER['REQUEST_METHOD'] === 'GET') {    $id = htmlspecialchars($_GET['id']);    if($_GET['do'] === 'delete'){      $DatabaseAccessObject = new DatabaseAccessObject;      $DatabaseAccessObject->deleteUser($id);      header('Location: http://127.0.0.1/table/view/index.php');  exit;    }}

javascript
再补--

是的,这code就是这么烂!!!!
因为再改成Ajax之前controller.php是没问题的,所以当下就想因该是javascript写出错了...
就这样检查了2小时查不出问题!

错误描述
刚载入127.0.0.1/index.php时都没问题,但按下删除后,因为Ajax就是为了不重新刷网页,所以删除掉的ROW(就是的原素)要remove掉!但按下删除后却是直接重新load index.php

解决错误
聪明的网友一定都知道答案了!

<td>  **<a href="">**    <button onclick="javascript:return del(<?php echo $value['id']; ?>)">删除(这边改成Ajax)</button>  **</a>**</td>

就是没除乾净的超连结tag啦!!
所以不用的tag要删乾净阿....浪费2小时的时间QQ