Javascript 如何在Ajax和PHP中使用数据切换

我使用的是Bootstrap（经过了大量修改），我喜欢使用

数据切换

。我现在的脚本非常简单，它是一个图像上传脚本。我使用以下代码列出数据库中的图像：

$stmt = $db->query('SELECT * FROM img_slider ORDER BY id ');
      while($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
      echo "<li>
      <div class='thumbnail removable'>
      <div class='remove' id='{$row['id']}' data-toggle='remove'></div>
      <img src='../{$row['path']}'>
      </div>
      </li>"
;}

我尝试使用以下jquery/ajax执行此操作：

$("a[data-toggle=remove]").click(function() 
{   
    var image_id = $(this).attr('id');

    $.ajax({
        cache: false,
        type: 'POST',
        url: 'actions/delete.php',
        data: 'id='+image_id,
    });
});

任何帮助都将不胜感激！我只是不知道如何利用PHP的引导数据切换，试图搜索解决方案，结果空手而归。以下是图像上载工作原理的图像：

---

看看jQuery函数：

问题是您在加载时绑定了click事件，当您将元素加载到页面异步时，它们将不会绑定事件。现在和将来的事件都应该有约束力

$("body").on( "click", ".remove", function() {
    // Remove stuff
});

---

请看一下jQuery函数：

问题是您在加载时绑定了click事件，当您将元素加载到页面异步时，它们将不会绑定事件。现在和将来的事件都应该有约束力

$("body").on( "click", ".remove", function() {
    // Remove stuff
});

---

如果是选择器出了问题，tt应该是

$('div[data-toggle="remove"]').click(function() {   

但是如果是，你是说点击图片

$('div[data-toggle="remove"]').next().click(function() {   

---

编辑。我刚才这样测试了你的问题：

$（'div[data toggle=“remove”]”）。下一步（）。单击（函数（）{
var image_id=$（this.prev（）.attr（'id'）；
警报（图像标识）；
$.ajax({
cache:false，
键入：“POST”，
url:'actions/delete.php'，
数据：“id=”+图像id
});
});

向27和27发出警报，并尝试使用

id:27

发送XHR

---

如果是，请单击数据切换

---

如果是选择器出了问题，tt应该是

$('div[data-toggle="remove"]').click(function() {   

但是如果是，你是说点击图片

$('div[data-toggle="remove"]').next().click(function() {   

---

编辑。我刚才这样测试了你的问题：

$（'div[data toggle=“remove”]”）。下一步（）。单击（函数（）{
var image_id=$（this.prev（）.attr（'id'）；
警报（图像标识）；
$.ajax({
cache:false，
键入：“POST”，
url:'actions/delete.php'，
数据：“id=”+图像id
});
});

向27和27发出警报，并尝试使用

id:27

发送XHR

---

如果是，请单击数据切换

---

你在正确的轨道上。您的点击事件是否触发以及ajax页面是否被调用？您的思路是正确的。是否触发了单击事件，是否调用了ajax页面？如果运气不好，图像会被删除，但不会从数据库中删除。这可能是一个获取身份证的问题吗？示例：

id='{$row['id']}'

感谢您迄今为止的帮助。它仍然无法从数据库中删除。静态地说，一切都会完美地移除。这就好像它没有将ID发送到

delete.php

！！您在发送post数据时是明确的。如果您对它实际发送的内容有疑问，并且您正在使用chrome，请转到网络->查找delete.php并在headers.would中查找formdata！在我与数据库（facepalm）的连接中缺少尾部斜杠。谢谢你的帮助！如果运气不好，图像会被删除，但不会从数据库中删除。这可能是一个获取身份证的问题吗？示例：

id='{$row['id']}'

感谢您迄今为止的帮助。它仍然无法从数据库中删除。静态地说，一切都会完美地移除。这就好像它没有将ID发送到

delete.php

！！您在发送post数据时是明确的。如果您对它实际发送的内容有疑问，并且您正在使用chrome，请转到网络->查找delete.php并在headers.would中查找formdata！在我与数据库（facepalm）的连接中缺少尾部斜杠。谢谢你的帮助！