javascript - Ajax と PHP で data-toggle を使用する方法

Question

私は（大幅に変更された）Bootstrap を使用しており、data-toggle. 私の現在のスクリプトは非常に単純です。これは画像アップロード スクリプトです。次のコードを使用して、データベースから画像を一覧表示します。

$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>"
;}

注意data-toggle='remove'- この関数は画像を静的に削除するのに非常に役立ちますが、データベース内の画像を削除したいのですが、どうすればよいでしょうか? 最善の方法は Ajax を利用することだと理解しています。これが私が意味することです：

私のPHPファイルdelete.php：

$id = $_REQUEST['id'];
$db->beginTransaction();
$st = $db->prepare('DELETE FROM img_slider WHERE id = :id');
$st->execute(array(':id' => $id));
$db->commit();

次の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でブートストラップデータトグルを使用する方法がわかりません。解決策を検索しようとしましたが、手ぶらで出てきました。画像のアップロードがどのように機能するかの画像を次に示します。