时间戳

首页 > 解决方案 > 如何使用 Ajax 在 php while 循环中运行 SQL 查询？

javascript - 如何使用 Ajax 在 php while 循环中运行 SQL 查询？

问题描述

我有一张通过 SQL 拉入 DataTables 的数据表。我想使用 AJAX 运行 SQL 查询，该查询删除了基于$id = $row["id"];.

索引.php：

$link = mysqli_connect("localhost", "bradlyspicer_root", "", "bradlyspicer_ResellerDB");

$id = $_POST['id'];
$deleterow = "DELETE FROM Offences WHERE id = ?";
    if($stmt = mysqli_prepare($link, $deleterow)){ // $link being your connection
        mysqli_stmt_bind_param($stmt, "s", $id);
        mysqli_stmt_execute($stmt);
        echo 'success';
        echo $id;
    } else {
        echo 'fail!';
        printf("Error: %s.\n", mysqli_stmt_error($stmt));
    }

函数.php：

$id = $_POST['id'];
$deleterow = "DELETE FROM Offences WHERE id = ?";
    if($stmt = mysqli_prepare($link, $deleterow)){ // $link being your connection
        mysqli_stmt_bind_param($stmt, "s", $id);
        mysqli_stmt_execute($stmt);
        echo 'success';
    } else {
        echo 'fail!';
        printf("Error: %s.\n", mysqli_stmt_error($stmt));
    }

自定义.js：

$( ".delbtn" ).click(function(){
    var itemID = $(this).attr("itemID");
    console.log(itemID)
    $.ajax({
        url:"functions.php", //the page containing php script
        data: { id: itemID}, // itemID passed as id
        type: "POST", //request type
        success:function(result){
            alert(result);
        },
        error: function() {
            alert('Error occured');
        }
    });
});

我找不到将按钮中的 $id 从 Index.php 传递到 Functions.php 的位置，任何解释都将不胜感激。

更新：由于更新脚本并尝试调试，我没有从输出的错误中得到太多响应：

fail!Error: .

标签： javascriptphpajax

解决方案

索引.php：

添加一个删除按钮标识符类delbtn和一个携带该行 id 的数据属性data-itemID

<?php
    while($row = mysqli_fetch_array($dataTablesResult)){
        $id = $row["id"];
        echo '
        <tr>
          <td>
            <button type="button" data-itemID="'.$id.'" class="delbtn btn btn-danger" >Remove</button>
          </td>
        </tr>
        ';
    }
?>

函数.php：

$_POST['id']ajax 发送的捕获

$id = $_POST['id'];
$deleterow = "DELETE FROM Offences WHERE id = ?";
if($stmt = mysqli_prepare($link, $deleterow)){ // $link being your connection
    mysqli_stmt_bind_param($stmt, "s", $id);
    mysqli_stmt_execute($stmt);
}

自定义.js：

单击带有.delbtn类的按钮时运行 jQuery 函数。从数据属性中捕获行 id 并将其存储为$(this).data("itemID"). 然后使用data: { id: itemID}ajax 请求发送数据

$(".delbtn").click(function(){
    itemID = $(this).data("itemID");
    $.ajax({
        url:"functions.php", //the page containing php script
        data: { id: itemID}, // itemID passed as id
        type: "POST", //request type
        success:function(result){
            alert(result);
        }
    });
});

推荐阅读