javascript - $.post() 给出错误的 url 字符串

Question

我制作了一个网站，该网站使用带有 jQ​​uery 的 ajax 显示动态创建的 HTML。

一方面，它显示了数据库表中的不同条目，每一行都有一个按钮，用于从数据库中删除该特定条目。这是应该实现的代码:

$('body').on('click', '.deleteWaitlist', function(){
        console.log("Clicked on .deleteWaitlist name = " + $(this).attr('name'));

        // Get the varible name to send to your php
        var i = $(this).attr('name');
        console.log( "$(this).attr('name') = i" );

        $.post({
            url: "deleteWaitlist.php", 
            data: { id : i}, 
            success: function(result){
                console.log("Ajax success " + result);
            }, 
            //dataType: "html"
        });
        return false;
    });

但是，当我点击按钮时出现错误

POST localhost:8888/workplace/site/[object%20Object] 404 (Not Found)

如果我错了请纠正我，但是 [object%20Object] 是我们从未定义的 toSting() 方法中得到的，对吗？我尝试指定不同种类的数据类型，但没有任何区别。

我似乎找不到问题，dataType可以是xml、json、script或html以外的东西吗？此函数不返回任何内容，因此甚至不需要 dataType，不是吗？

这是 deleteWaitlist.php:

<?php
    include("con.php");    
    $sql = "DELETE FROM waitlist WHERE id=" . $_POST[id] . "";
    mysqli_query($c,$sql);
?>

编辑:澄清一下，提到的错误只显示在控制台上，因为我想要一个异步站点，大多数按钮都会阻止导航。在实际页面上单击该按钮没有任何效果。此外，这是创建按钮的代码:

while ($places = mysqli_fetch_array($result)) {
    echo "<tr>";
    echo "<td>". $places ['ID']."</td>";
    echo "<td>". $places ['NAME']."</td>";
    echo "<td>". $places ['CHAIRS']."</td>";
    echo "<td>". $places ['CREATED']."</td>";
    echo '<td>
        <button class="btn btn-default deleteWaitlist" type="submit" name="' . $places['ID'] . '">X</button>
        </td>';
    echo "</tr>";
}

Answer 1

$.post 期望第一个参数是一个 URL 字符串如果要传递带有其他选项的对象，则必须使用 $.ajax。

尝试

$.ajax({
            type: "POST",
            url: "deleteWaitlist.php", 
            data: { id : i}, 
            success: function(result){
                console.log("Ajax success " + result);
            }
        });

Correct me if I'm wrong, but [object%20Object] is what we get from an undefined toSting() method right?

你是对的。当您将 $.post 与第一个参数一起用作对象时，jQuery 将其视为发布 url 并对该参数执行 toString() 。在你的情况下，它像 object.toString() 抛出错误 [object%20Object]