删除表单数据不起作用

时间:2014-08-17 15:59:12

标签: php jquery ajax

我的函数jQuery包含在我的头上html

$(function() {
$(".deletePage").click(function() {
    var pageId = $(this).attr("id");
    $.ajax({
        type: "post",
        url: "delete_page.php",
        cache: false,               
        data:'id=' + pageId,
        success: function(response){                        
        try{        
            if(response=='true'){
                parent.slideUp('slow', function() {$(this).remove();});
            }                               
        }catch(e) {     
            alert('Exception while request..');
        }       
        },
        error: function(){                      
            alert('Error while request..');
        }
     });
    }
   }

我的带有listPage的HTML

<table class="table table-hover">
                    <thead>
                        <tr>
                            <td><strong>title page</strong></td>
                            <td><strong>URL</strong></td>
                            <td><strong>Edit</strong></td>
                            <td><strong>Delete</strong></td>
                        </tr>
                    </thead>
                    <tbody>
                        <?php 
                            while($row_Q = mysql_fetch_array($sql_Q)){
                         ?>
                        <tr>
                            <td><?php echo $row_Q["title"]; ?></td>
                            <td><?php echo $row_Q["permalink"]; ?></td>
                        <td>

                        </td>
                        <td>
                            <button type="button" class="btn btn-danger">
                                <a class="deletePage" href="#">Delete</a>
                            </button>
                        </td>         
                        </tr>
                        <?php
                            }
                        ?>
                    </tbody>
                </table>

为什么不使用jQuery而不删除所选页面?请帮助我吗?我想点击按钮&#34; DELETE&#34;该行删除而不进入其他页面

谢谢

2 个答案:

答案 0 :(得分:1)

您有错误。您尝试获取网页ID,但HTML代码中并不存在。 将ID添加到<a>并重新设置。

答案 1 :(得分:1)

我解决了问题:) 你告诉我,我给我添加了ID,是的,这是一个问题,但我有更多的问题。

这是我在jQuery中的新功能

$(function() {
$(".deletePage").click(function() {
    var pageId = $(this).attr("id");
    var parent = $(this).parent();
    if(confirm("Delete me?")){
        $.ajax({
            type: "post",
            url:  "delete_page.php",
            cache: false,               
            data: 'id=' + pageId,
            dataType: "text",
            success: function(response){
            location.reload();                      
            try{        
                if(response=='true'){
                    parent.slideUp('slow', function() {$(this).remove();});
                }                   

            }catch(e) {     
                alert('Exception while request..');
            }       
            },
            error: function(){                      
                alert('Error while request..');
            }
         });
    }
return false;
});

});