Jquery和Ajax删除确认框

时间:2013-02-02 01:02:28

标签: javascript jquery ajax

我需要帮助。我的功能与ajax运行良好,但在发送ajax请求之前我需要一个ok / cancel删除确认框才能从数据库中删除项目。这是我的代码:

delete_article = function(article_id){
     $.ajax({
           type:"POST",
           url: "<?php echo base_url()?>admin/article/delete_article",
           data: "article_id="+article_id,
           asynchronous: true,
           cache: false,
           beforeSend: function(){

           },
          success: function(){
              $('#articletr'+article_id).hide();

          }

         });
    }
})

2 个答案:

答案 0 :(得分:9)

var answer = confirm ("Are you sure you want to delete from the database?");
if (answer)
{
     // your ajax code
}

如果您想要使用JQuery更多地控制这些类型的模态对话框提示(除了确定/取消,超过两个按钮或不同样式之外的其他按钮),您可以使用JQuery UI Modal Confirmation

答案 1 :(得分:2)

最简单的方法是使用内置的javascript方法confirm

if (confirm("Really send?")) {
    // Do it!
}

由于这些原生浏览器对话框的历史非常难看,并且根本无法设置样式,因此通常会避免使用其他方法。一个很好的例子是Dialog widget

JQuery UI