Mysql删除表格>表格中的行

时间:2013-01-24 04:54:34

标签: php jquery mysql

你可以ajax发布一个表单中的单个输入,该表单具有单独的表单ajax函数而不是表单提交吗?我试图删除表单中的表格行,而不提交整个表单。

3 个答案:

答案 0 :(得分:1)

特定行从表中隐藏...显示行被删除..

$("#row"+i).animate({"height": "toggle"}, { duration: 1000 });

接下来ajax函数调用删除..

答案 1 :(得分:0)

您需要访问jQuery中的行并在其对象上调用remove。

<强> Live Demo

$('#rowId').remove();

你可以使用jQuery ajax用javascript调用php函数,这个post显示了如何做。

答案 2 :(得分:0)

是的,您可以通过jquery发送ajax post request

指导代码如下。

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">

$(document).ready(function()
{

    $('.delete_link').click(function(e){

        e.preventDefault();
        var href = $(this).attr('href');
        var main_selector = $(this);


        $.ajax({

            url        : href,
            type       : 'post',
            dataType   : 'json',
            beforeSend : function()
            {
                //code before ajax send
            },
            success    : function(response)
            {
                if(response)
                {
                    main_selector.parent().remove();
                }
            }

        });

    });

});

</script>


<table>
    <tr>
        <td>Data1</td>
        <td><a href="delete.php?id=<?php echo $id ?>>" class="delete_link"></a></td>
    </tr>
    <tr>
        <td>Data2</td>
        <td><a href="delete.php?id=<?php echo $id ?>>" class="delete_link"></a></td>
    </tr>
    <tr>
        <td>Data3</td>
        <td><a href="delete.php?id=<?php echo $id ?>>" class="delete_link"></a></td>
    </tr>
</table>