php - Mysqlフォーム>テーブルの行を削除

Question

フォームが送信するのとは別のフォームajax関数を使用して、フォームからの単一の入力をajaxで投稿できますか？フォーム全体を送信せずに、フォーム内のテーブル行を削除しようとしています。

Answer 1

特定の行がテーブルから非表示になります...行が削除されたことを賢明に表示します。

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

次のajax関数は削除を要求します。

Answer 2

jQueryの行にアクセスし、そのオブジェクトでremoveを呼び出す必要があります。

ライブデモ

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

jQuery ajaxを使用してjavascriptでphp関数を呼び出すことができます。この投稿では、その方法を示しています。

Answer 3

ajax post requestはい、jquery経由で送信できます。

ガイダンスコードは以下の通りです。

<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>