jquery删除按钮无法从数据库中删除行

Question

我有一个列表，其中每个 li 都包含一个删除按钮，单击后将其删除，并且还从我的数据库中删除了选定的框数据。我创建了一个 ID biz_watch'.$biz_watch_id。'每个盒子都是独一无二的。使用 $.get 调用服务器端 php 脚本来删除表行。

但是该脚本无法运行。如果我要取消 get 函数，我可以删除这些框，但是使用 .get 命令，这些框将无法再被删除。以下是代码

    foreach($biz_watchlist as $biz_watchlist1){
         echo '<li class="biz_watch" id="biz_watch'.$biz_watch_id.'">';
         echo '<table style="width:100%">';
         echo '<td style="width:50%">';
         echo $biz_watch_details['5'];
         echo ' | <a class="remove_watch" id="remove_watch'.$biz_watch_id.'">remove</a>';
         echo '</td>';
         echo '<td>';
         echo '<span style="float:right">'.$biz_watch_details['19'].'</span>';
         echo '</td>';
         echo '</table>';
         echo '</li>';
    }

    <script type="text/javascript">
     $(document).ready(function(){
        $('.remove_watch').click(function(){
            var li = $(this).closest('li.biz_watch');
            var action = '../delete_watchlist.php';
            var data = { id:13};
               $.post(action, data, function(){
                 li.fadeOut('slow', function() {
                     li.remove();
                 });
               });
        });
    });
    </script>

我的服务器端脚本

      <?php
        $id = $_POST["id"];

        $query = "DELETE FROM dz0yn_biz_watchlist WHERE biz_id = $id";
        $delete_watch_row = mysql_query($query);
      ?>

Answer 1

1. 在相对目录 (..) 前面添加/会将其转换为引用自身的绝对路径。这有点毫无意义。第一个/应该被删除('../delete_watchlist.php')。

2. 分解你的脚本。您试图将太多的内容合并到一行中，这会使问题变得困惑。

假设您的服务器端脚本成功，这应该可以完成您的任务。

$(document).ready(function(){
    $('.remove_watch').click(function(){
        var li = $(this).closest('li.biz_watch');
        var action = '../delete_watchlist.php';
        var data = { id: li.attr('id').substr(9) };
        $.post(action, data, function(){
            li.fadeOut('slow', function() {
                li.remove();
            });
        });
    });
});