使用普通的jQuery/JavaScript來創建一個彈出確認框

Question

下面是如何使一個confim框時刪除提取碼，

對於HTML部分 鏈接是觸發JS代碼，但它會觸發在同一時間

PHP的代碼對於JS部分 popupbox被觸發

對於PHP部分 進程中的SQL查詢語句，它應該是確定

的問題是 ...

1. 我應該用JS觸發PHP頁面？但我怎麼能讓PHP頁面知道我想刪除哪個ListID？
2. 我應該在html鏈接中放什麼？
3. 如果我想在列表框中包含列表名稱，例如你想刪除列表A，其中列表A已經是一個變量。唯一的一點是我怎麼能附加到彈出框

謝謝

HTML

<a id="delete" href='delete.php?id=$set[ListID]'>Delete</a> 

JS

$(function(){ 
    $("#delete").click(function() { 
     // what should be add here? 
    }); 
}); 

PHP

//connection db 
INSERT INTO delete_list SELECT * FROM list WHERE ListID=?;  
INSERT INTO delete_user_list SELECT * FROM user_list WHERE ListID=?;  
INSERT INTO delete_require_attributes SELECT * FROM require_attributes WHERE ListID='2';  
INSERT INTO delete_subscriber SELECT * FROM subscriber WHERE ListID=?;  
INSERT INTO delete_subscriber SELECT * FROM subscriber WHERE ListID=?;  
DELETE FROM list WHERE ListID = '1' 

對不起，我搞砸了上一個問題，因爲我發現我在上一個問題中使用的插件不適用於我。

Answer 1

我不得不給ID的HTML元素本身data（HTML5 ref）甜蜜與jQuery使用做到了這一點。 之後，你可以做一個ajax call可選的刪除數據庫中的服務器端。

例

<a data-id="<?php echo $set[ListID]; ?>" class="delete-trigger" href='javascript:;'>Delete</a> 

JS

$(function(){ 
    $("#delete-trigger").click(function() { 
     var id = $(this).data('id'); 
     $.ajax({ 
      url: 'http://yoururl.com/delete.php?id=' + id, 
      success: function(data) { 
       console.log('deleted'); 
      } 
     }); 
    }); 
}); 

Answer 2

HTML

<a class="delete" data-listname="<?php echo $set['ListName']?>" href="delete.php?id=<?php echo $set['ListID']?>">Delete</a> 

JS

$(function(){ 
    $(".delete").click(function() { 

    return confirm('Are you sure you want to delete ' + $(this).data('listname') + '?'); 

}); 
});