在while循环中使用ajax在数据库中插入和删除

时间:2017-03-12 14:16:16

标签: javascript php html ajax

我试图在while循环中使用ajax插入和删除数据库。我在while循环中有来自数据库的行,在这些行中,最后一列是select或cancel。我做了直到选择选项。当我点击选择它时,将值插入数据库,同时我想隐藏该行的选择按钮并显示取消按钮,然后单击取消我要从数据库中删除该行,然后再次显示选择按钮那一排。以下是我到目前为止所做的代码。请检查。需要帮忙。提前谢谢..

代码:

在while循环中从mysql获取以下行:

tab

Javascript代码:

隐藏和显示按钮并插入数据库代码:

<tr>
    <td>$crs</td>
    <td>$clg</td>
    <td>
        <form name="form_submit_change_status" class="form_submit_change_status" action="">
            <input type="hidden" name="crs" class="user_id" value="<?php echo $crs; ?>">
            <input type="hidden" name="clg" class="clg" value="<?php echo $clg; ?>">
            <button class="btn btn-warning btn-xs is_enabled" value="Select">Select</button>     
        </form>

        <div class="delete_change_status" style="display:none;">  
            <button>Cancel</button>   
        </div>
    </td>
</tr>

1 个答案:

答案 0 :(得分:0)

这种更正怎么样?

$(this).show(".delete_change_status");

$(".delete_change_status").show();

&#34;这&#34;在chrome中表示&#34; button.btn.btn-warning.btn-xs.is_enabled&#34;。 如果单击选择按钮,您将看到&#34;选择&#34;到&#34;取消&#34;。

$(function(){
    $('.btn.btn-warning').click(function(e) {
        e.preventDefault();
        var $form = $(this).closest(".form_submit_change_status");
        var formData =  $form.serializeArray();
        var userId =  $form.find(".user_id").val();

        $(this).hide(".is_enabled");
        $(".delete_change_status").show();


        var URL = "response.php";
        $.post(URL, formData)
        .done(function(data) {

        })
        .fail(function(jqXHR, textStatus, errorThrown) {
            //failure
        });


        var $isStatus = $form.find(".is_enabled");
        var varChangeStatus = $isStatus.val();

        console.log(varChangeStatus);

    });
});