javascript - 单击按钮显示带有是/否选项的弹出框。查询/HTML

Question

我有一个按钮 id="contact-submit"，当我点击它时，我的脚本就会运行，它会向 slack 发送一条消息。

我想要的是在用户单击按钮后显示一个弹出框，询问您确定吗？是/否

Yes = Sends the message as it does now
No = Closes the popup with no action

任何人都可以帮助我，我已经尝试了几个小时了!

HTML

<button name="submit" type="submit" id="contact-submit" data-submit="...Sending">Log</button>

脚本

   $(document).ready(function(){
        $('#contact-submit').on('click',function(e){
            e.preventDefault();
            var url = 'https://hooks.slack.com/services/xxxxxxxxxxxxxxxxxxxxxxxxxx'
            var text = 'Some Text Here'
            $.ajax({
                data: 'payload=' + JSON.stringify({
                    "text": text
                }),
                dataType: 'json',
                processData: false,
                type: 'POST',
                url: url
            });
        });
    });

Answer 1

您可以使用默认的 confirm像这样的 javascript 弹出窗口:

if(!confirm("Are you sure?")) 
   return false;

请看下面的演示:

$(document).ready(function() {
  $('#contact-submit').on('click', function(e) {
    e.preventDefault();
    if(!confirm("Are you sure?")) 
       return false;
    var url = 'https://hooks.slack.com/services/xxxxxxxxxxxxxxxxxxxxxxxxxx'
    var text = 'Some Text Here'
    $.ajax({
      data: 'payload=' + JSON.stringify({
        "text": text
      }),
      dataType: 'json',
      processData: false,
      type: 'POST',
      url: url
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button name="submit" type="submit" id="contact-submit" data-submit="...Sending">Log</button>