如何在Ajax jQuery中添加Confirm Message

时间:2018-05-16 17:02:43

标签: php jquery

我需要Confimation框。它应该显示消息"你要删除记录"。如果是删除。没有消息将被关闭,这是你做的简单事情。我尝试下面的编码我附上请仔细阅读代码。当我运行代码时,不会显示任何输出。你能为它提供好的解决方案,谢谢。

function RemoveTeam(id) {

 $.confirm({
    buttons: {
        hey: function () {



            $.ajax({
                type: 'POST',
                url: 'remove.php',
                dataType: 'JSON',
                data: {id: id},
                success: function (data) {


                    get_all();

                },

            error: function (xhr, status, error) {

            alert(xhr.responseText);
            //
            }

            });
            }, }
        }
    }

2 个答案:

答案 0 :(得分:0)

由于我已经查看了你的jquery代码,它可能会使用jquery-confirm插件,代码可能有助于解决你的问题。我使用虚拟JSON调用来生成ajax请求。



function removeTeam(id) {
  $.confirm({
    buttons: {
      hey: function() {
        $.ajax({
          url: 'https://craftpip.github.io/jquery-confirm/bower.json',
          dataType: 'json',
          method: 'get'
        }).done(function(response) {
          console.log(response);
        }).fail(function(err) {
          console.log('Something went wrong.');
        });
      },
      cancel: function() {
        console.log('the user clicked cancel');
      }
    }
  });
}
removeTeam(10);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script>
&#13;
&#13;
&#13;

答案 1 :(得分:-2)

试试这个:

function RemoveTeam(id) {
    var r =  confirm("do you want to delete the record");
    if (r == true) {




            $.ajax({
                type: 'POST',
                url: 'remove.php',
                dataType: 'JSON',
                data: {id: id},
                success: function (data) {


                    get_all();

                },

            error: function (xhr, status, error) {

            alert(xhr.responseText);
            //
            }

            });

    } else {
        return false;
    }

}