删除 PHP (mysqli) 行 - 使用 HTML/Javascript 按钮

Question

使用谷歌地图，我使用 mysqli 将事件保存到数据库中。然后这些事件在地图上显示为标记，单击时相关数据会显示在信息框中（名称、日期等）。我希望通过单击删除（删除事件）按钮时从数据库中删除一行来删除事件事件的选项。该按钮包含在使用 javascript 显示的数据中：

var eventContent = $('<div class="event-info">' + '<h4 class="event-name">' +     point.name + '</h4><hr>' +
        '<span><h5>Date: </h5>' +
        '<p class="event-date">' + point.edate + '</p></span>' +
        '<p class="event-description">'+point.description+'</p>' +
        '</span><button id="remove-event" name="remove-event" class="remove-event btn btn-danger btn-sm" onclick="tidy_maps.delete()" title="Remove Event">Remove Event</button>'+
        '</div>');

    // Display Event details on marker click
    google.maps.event.addListener(event_markers[i], "click", function () {
        infowindow.setContent(eventContent[0]);
        infowindow.open(map, event_markers[i]);

将其发送到 php 的脚本（removedata.php）：

tidy_maps.delete = function() {
    $.ajax({
        type:'POST',
        url:'removedata.php',
        success:function(data) {
            if(data) {
                alert("Are you sure?");
            }
            else {
                alert("ERROR!!!!");
            }
        }
    });
}

removedata.php 是：

$con = mysqli_connect("localhost", "root", "password", "gmaps1");
if (!$con) {
die("Can not connect: " .mysql_error());
}

$sql = "DELETE FROM events WHERE id = 'id' ";

$query = mysqli_query($con, $sql);

if(mysqli_affected_rows($con)) {
    echo "Record deleted successfully";
}

mysqli_close($con);

事实上，它不会删除数据库中的行，但是当我更改行时：

$sql = "DELETE FROM events WHERE id = 'id' ";

到特定的 ID 号。示例：

$sql = "DELETE FROM events WHERE id = '5' ";

我在浏览器中运行 removedata.php，它会从数据库中删除 ID=5 的行。单击删除按钮时控制台似乎没有错误，因此它必须发送到PHP脚本正常。

我想在单击“删除”按钮时询问您是否确定，然后从数据库中删除该特定行。

Answer 1

据我所知，不要传递要删除的行的 ID。 您可以通过两种方式发送数据，或者作为 url 参数，或者使用 data标签：

$.ajax({
    type:'POST',
    url:'removedata.php',
    data: {id : 5}
});

访问removedata.php中的ID：

$id = intval($_POST["id"]);
$sql = "DELETE FROM events WHERE id = " . $id;

Answer 2

WHERE id = 'id' 如果您希望 id 成为变量，则需要删除 '' 并添加 $ 符号。

Answer 3

好吧，我玩了一下，稍微修改了 JS：

tidy_maps.delete = function() {
var confirm_remove = confirm("Do You Want to Remove This Event?")
if(confirm_remove) {
    $.ajax({
        type:'POST',
        url:'removedata.php',
    });
    window.location = "http://www.google.com/";
}
else {
    alert("ERROR!!!!");
}
}

因此，当确认为“是”时，我将重定向到 Google 只是为了看看会发生什么。在确认框中单击“是”时，会将页面重定向到 Google，但不会从数据库中删除该行

Answer 4

试试这个

var id = 5;
var request = $.ajax({
  url:'removedata.php',
  type: "POST",
  data: "id="+id,
  success: function(data){
     console.log(data);
  }
});

在removedata.php中获取post值

 //get post value
 $id = intval($_POST["id"]);
 $sql = "DELETE FROM events WHERE id = " . $id;