使用 AJAX 编辑数据库中的数据。

Question

所以我基本上是 AJAX 的新手，我很难解决这个问题。首先，我有一张桌子。我有一个获取 id 的 onclick 函数。 <a href="javascript:void(0);" onClick="showEdit(this.id)" id="<?php echo $catrow['categoryid'];?>"></a> 这应该使用 id 从数据库中选择一些数据，将其存储在模态中，然后模态可用于编辑这些数据，然后将其存储回数据库中……所有这些都无需重新加载页面。

    function showEdit(catid){

$.ajax({

    url: "edit-check.php",

    type: 'POST',

    data: {"catid":catid},

    success: function(data){    

        console.log(data);

        var show = $('#showEdit').attr('id');

        document.getElementById(show).innerHTML = data; 

        $('#addContactModal').modal('show');

    },

});

}

这是 edit-check.php

   <?php

    include ('../connect.php');

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

$id=$_POST['catid'];

$checkquery = "SELECT * FROM category WHERE categoryid='$id';";

$checkcategory=mysqli_query($conn,$checkquery);

if (mysqli_num_rows($checkcategory) == 0){

    echo ("//");

}

else{

    $crow = mysqli_fetch_assoc($checkcategory);

?>

<div class="modal fade" id="addContactModal" tabindex="-1" role="dialog" aria-labelledby="addContactModalTitle" aria-hidden="true">

        <form id="editCategory" autocomplete="off" enctype="multipart/form-data" method="post" name="form">

            <input type="text" class="form-control" name="category_id" id="category_id" readonly value="<?php echo $crow['categoryid'];?>">

            <input type="text" name='category_name' id="category_name" class="form-control form-control-danger" placeholder="Food" value="<?php echo $crow['categoryname'];?>">

            <input name="file" type="file" id='file' />

            <textarea class="form-control" name="about_category" id="about_category" rows="6"><?php echo $crow['aboutcategory'];?></textarea>

            <div class="modal-footer">

                <button type="submit" name="addCategoryBtn" id="add_category" class="btn btn-success"> <i class="fa fa-check"></i> Update Category </button>

                <button class="btn btn-dark" data-dismiss="modal"> Discard</button>

            </div>

        </form>

</div>

<?php }}?>

代码在这一点之前运行良好......

Answer 1

我试过了，它奏效了。$('body').on('click',&nbsp;'#add_category',&nbsp;function(z)&nbsp;{z.preventDefault();});