1

在我的应用程序中,我在表格中显示数据库内容。对于显示的每一行,我在行尾添加一个复选框:

echo '<td><input type="checkbox" name="ticked[]"></td>';

当用户勾选了他们希望删除条目的许多框时,他们单击此删除按钮(前端是 zurb 基础框架):

<a href="#" class="button radius expand" id="deleteUrl" name="deleteUrl" onClick="deleteUrl('deleteUrl');return false;">Delete URL</a>

当按下此按钮时,将触发 deleteUrl ajax 函数:

function deleteUrl(str)
    {
    document.getElementById("content01").innerHTML="";
    if (str=="")
    {
    document.getElementById("content01").innerHTML="";
    return;
    } 
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("content01").innerHTML = xmlhttp.responseText;
    }
    }
    xmlhttp.open("GET","deleteUrl.php?deleteUrl="+str,true);
    xmlhttp.send();
    document.getElementById("content02").innerHTML = 'Your URL was successfully deleted!<br/><br/>';
    xmlhttp.onreadystatechange = urlRefresh;
    return;
    }

ajax 函数将进程定向到我的 deleteUrl.php 文件:

<!--Include Database connections info-->
<?php include('config.php'); ?>

<?php

    $deleteUrl = $_GET ['$deleteUrl'];

    if(isset($_GET['delete']))  {
        if(is_array($_GET['url']))  {
            foreach($_GET['url'] as $id)    {
                $query = "DELETE FROM contact WHERE url=". $url;
                mysql_query($query)or die(mysql_error());    
            }
        }  
    }

mysql_close();

?>

到目前为止,该过程运行完毕,没有错误。但是,在此过程中不会删除检查的条目。

问题:我需要做什么才能使用复选框使删除过程正常工作?

编辑代码:

function runDelete(str, id)

xmlhttp.open("GET","deleteUrl.php?deleteUrl="+str+"&ticked="+id,true);

<a href="#" class="button radius expand" id="deleteUrl" name="deleteUrl" onClick="runDelete('deleteUrl', id);return false;">Delete URL</a>

echo '<td><input type="checkbox" name="ticked[]" value="'.$row['id'].'"></td>';
4

2 回答 2

1

科里,这只是建议,而不是您查询的确切答案。您应该尝试在代码中进行一些更正,如下面的步骤。

首先,您需要将值分配给复选框,例如

echo '<td><input type="checkbox" name="ticked[]" value="'.$id.'"></td>';// $id it would different in your case

而不是通过函数调用传递复选框值

onClick="deleteUrl('deleteUrl',checkboxvalue);

并相应地修改功能

function deleteUrl(str,checkboxvalue)

比传递复选框值来删除 url

xmlhttp.open("GET","deleteUrl.php?deleteUrl="+str+"&ticked="+checkboxvalue,true);

而不是修改删除页面以根据您的复选框值而不是 url 删除记录,并确保您从 ajax 传递正确的值并在删除页面上获取正确的值。

于 2013-11-09T05:08:28.993 回答
1

你能试试这个吗

1 步骤 - 在 head 标签中包含 jquery url

2 步 - 在 jquery url 之后包含此代码,

<script type="text/javascript">
   $(function(){

        $("#deleteUrl").click(function(){
            $('#content02').html('');
                var tickedItems = $('input:checkbox[name="ticked[]"]:checked')
                   .map(function() { return $(this).val() })
                   .get()
                   .join(",");

                   $.ajax({
                        type: "POST",
                        url: "deleteUrl.php",   
                        data: "ids=" + tickedItems,                                        
                        success: function(msg) {

                             $('#content02').html('Your URL was successfully deleted!');

                          }             

                    });

                    return false;
        });
    });

    </script>

3 步 - 在 deleteUrl.php 中替换此代码,

   <!--Include Database connections info-->
    <?php include('config.php'); ?>

    <?php

        $deleteUrl = $_GET ['$deleteUrl'];

        if(isset($_POST['ids']))  {

           $idsArray = @explode(',', $_POST['ids']);               
                foreach($idsArray as $id)    {
                    $query = "DELETE FROM contact WHERE url='".$id."' ";
                    mysql_query($query)or die(mysql_error());    
                }

        }

    mysql_close();

    ?>

4 步 - 将 id/property 行值分配给复选框

      <?php 
        echo '<td><input type="checkbox" name="ticked[]" value="'.$row['id'].'" ></td>';            
      ?>

5 步 - 添加此按钮以进行删除操作

<button class="button radius expand" id="deleteUrl" name="deleteUrl" >Delete URL</button>
于 2013-11-09T08:03:24.553 回答