使用 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', '#add_category', function(z) {z.preventDefault();});