将 AJAX 调用发送到 php 文件以将值插入到我的数据库中

Question

我有一个名为 user_requests 的数据库表，其中有一个名为“status”的列。我在 userRequests.php 页面上输出状态'。我通过 while 循环输出所有用户请求。我想要完成的是能够点击“批准”或“拒绝”按钮来更改我的 user_requests 表中的“状态”。我正在尝试使用 AJAX 执行此操作，这是我第一次尝试进行 AJAX 调用。当我点击批准时，我希望它获取我在旁边选择接受的用户的 ID，然后将 'Accept' 和 INSERTthat 的值携带到我的 user_requests 数据库表中的 'status' 行中。

正如我现在所拥有的那样，什么都没有发生。有没有人认为我这样做有什么问题？

userRequests.php

<?php
$con = mysqli_connect("localhost", "root", "", "db");
$run = mysqli_query($con,"SELECT * FROM user_requests ORDER BY id DESC");
$numrows = mysqli_num_rows($run);

    if( $numrows ) {
        while($row = mysqli_fetch_assoc($run)){
            if($row['status'] == "Pending"){

                $pending_id         = $row['id'];
                $pending_user_id   = $row['user_id'];
                $pending_firstname = $row['firstname'];
                $pending_lastname  = $row['lastname'];
                $pending_username  = $row['username'];
?>
        <form action="" method="POST" id="status">
             <input type='hidden' value='<?php echo $pending_id; ?>' id='pending_id'/>
<?php
        if ($pending_firstname == true) {
            echo "Name - ". $pending_firstname . " " . $pending_lastname . "</br>" . 
                "Username - ". $pending_username . "</br></br>"
?>
        </form>

                        <button id="approve" type="submit" form="status" name="approve" value="Approved">Approve</button>
                        <button id="deny" type="submit" form="status" name="deny" value="Denied">Deny</button><br><br><br>
<?php   
                    ;} else {
                        echo "There are no Pending Requests at this time.";
                    }
                }
            }
        }
?>

AJAX 调用

<script>
    $(document).ready(function(){

    $('#submit').click(function(){
    var id_val=$("#pending_id").val();
    var id_val=$("#approve").val();
    $.post("userRequest_approve.php", $("#status").serialize(),  function(data) {   });

    $('#success').html('User Status Changed!');
    $('#success').hide(2000);

    });

    });
</script>

userRequest_approve.php 文件

 <?php
require_once 'core/init.php';

$term = mysql_escape_string($term); // Attack Prevention
$pending_id = $_POST['id'];
$status = $_POST['approve'];

$con = mysqli_connect("localhost","root","","db");
    /* check connection */
    if (mysqli_connect_errno()) {
        printf("Connect failed: %s\n", mysqli_connect_error());
        exit();
    }
    $stmt = $con->prepare("INSERT INTO user_requests (status, date_responded) VALUES (?, NOW())");
    if ( false===$stmt ) {
     // Check Errors for prepare
        die('User Request update prepare() failed: ' . htmlspecialchars($con->error));
    }
    $stmt->bind_param('s', $status);
    if ( false===$stmt ) {
    // Check errors for binding parameters
        die('User Request update bind_param() failed: ' . htmlspecialchars($stmt->error));
    }
    $stmt->execute();
    if ( false===$stmt ) {
        die('User Status update execute() failed: ' . htmlspecialchars($stmt->error));
    }

?>  

Answer 1

我认为你的 javascript 是你代码中最薄弱的部分，这里有一些简单的 ajax 调用示例，只需更改一些值并尝试一下

$('.approve').click(function(){
        $.ajax({
           url: '/whereEver/itNeedsToGo',
           data: {
                id: $(this).val(), //the value of what you clicked on
                status: 'Approved' //you clicked on it so you know the status might aswell hardcode it
            },
           success: function(data) {
                //do something with the data that got returned
           },
           type: 'POST'
        });
});

编辑：我会让它有点“肮脏”来实现你想要的......有更多的方法可以解决它，但现在我会用简单的方法来做...... 将 ID 更改为类 <button class="approve" type="submit" form="status" name="approve" value="<?=$pending_id;?>">Approve</button> 为批准按钮提供待定 ID 的值.....然后我相应地编辑上面的 ajax 调用......这应该可以工作