0

所以我有一个像这样的表格：

 <form>
     <input type="submit" value="X" id="deleteButton" onclick="ConfirmChoice(<?php echo $id; ?>)" />
 </form>

和这样的功能：

<script type='text/javascript'>
function ConfirmChoice(theid) 
{ 
    var dataString = 'id=' + theid;
    answer = confirm("Are you sure you want to delete this song?");
    if (answer !=0) {
        $.ajax
        ({
            type: "POST",
            url: "deleteSong.php",
            data: dataString,
        });
    } 
}

</script>

所以基本上我希望它从我的数据库中删除他们点击的任何内容，而 deleteSong 将负责。它给出了歌曲的 ID，据我所知应该确认删除然后删除它对吗？任何帮助，将不胜感激。谢谢

4

3 回答 3

1

改变它

input type="submit"至

input type="button"
于 2013-06-24T12:14:29.620 回答
0

另外因为您没有设置它，所以对服务器的请求是 json 格式，在您的情况下格式错误。

尝试这样的事情：

 var dataString = "{'id'= '"+ theid + "'}";

这应该使它工作:)

于 2013-06-24T15:04:49.980 回答
0

如果不知道问题到底出在哪里，很难回答这个问题。deleteSong.php 工作正常吗？

就像其他人说的那样，您应该将输入类型更改为button或从您的函数中返回 false，否则浏览器将尝试以正常方式提交表单，但由于您没有action在<form>标签中指定 an ，因此它将无法正常工作。

就个人而言，我会做完全不同的事情：

HTML：

 <input type="button" value="<?php echo $id ?>" id="deleteButton">

Javascript：

 $(document).ready(function () {
     $('#deleteButton').click(function () {
         var answer = confirm("Are you sure you want to delete this song?");
         if (!answer) {
             return false;
         }
         var data = 'id=' + $(this).val();
         $.ajax({
             type: 'POST',
             url: 'deleteSong.php',
             data: dataString,
             success: function (response) {
                 // response will contain the output from your php script.
                 // Do something with it here. If you just want to see what it
                 // says, do something like:
                 console.log(response);
                 // then look in the console (view > javascript console in chrome)
             }
         });
     });
});

只是为了解释我在这里做什么（对不起，如果我告诉你你已经知道的事情，我想对任何可能在未来阅读这篇文章的人尽可能明确:)

  • 我将整个内容包含在其中，$(document).ready(function() { ... } );因此它仅在页面加载完成时运行，否则您最终可能会尝试将函数绑定到尚不存在的按钮上的单击操作。
  • if (answer !=0)是多余的，你可以写成if (!answer)任何正整数都会计算为true
  • 我在success上面包含了一个回调，它可能会帮助您进行调试。

整个页面上是否只有一个“删除”按钮？还是每首歌曲旁边都会有一个删除按钮？如果是后者，则必须为每个按钮指定不同的 ID，而不仅仅是deleteButton因为所有 ID 都必须是唯一的。

如果上述方法不起作用，您确定 jQuery 已正确加载吗？要检查，请jQuery在控制台中输入，如果您没有收到错误，那么您很好。另一种可能性是您的deleteSong.php脚本有问题，但我无法在没有看到它的情况下帮助您。

于 2013-06-24T18:00:25.130 回答