jQuery的單擊按鈕上的確認對話框

Question

這可能是重復的，但我找不到答案。 我有一個按鈕，它會進行ajax調用並在單擊時執行功能。 但是我需要通過彈出確認信息“您確定要刪除此帳戶嗎？”來限制此操作。 具有“是”，“否”選項。 我使用一個按鈕刪除/添加帳戶，因此確認對話框上的文字應相應更改。

<button type="submit" id="StatusChange" name="StatusChange" class="btn btn-primary pull-right">
  "Click to Delete Account" 
</button>

$("#StatusChange").click(function () {
  var state = 'ACTIVE';
  var id = '12345';
  $.ajax({
    type: "POST",
    url: '@Url.Action("ChangeAccountStatus", "Account")',
    data: { currentStatus: state, accountId:id },
    success: function(data){
      location.reload();
    }
  });
});

謝謝！

Answer 1

$("#StatusChange").click(function () {

 var x=confirm( "Are you sure you want to delete?!");
           if(x){
            var state = 'ACTIVE';
            var id = '12345';
            $.ajax({
                type: "POST",
                url: '@Url.Action("ChangeAccountStatus", "Account")',
                data: { currentStatus: state, accountId:id },
                success: function(data) 
                {
                   location.reload();
                }
            });
         }
   });

樣品：

 $("#StatusChange").click(function () { var num=$("#Num").val(); var x=confirm( num==1?"Are you sure you want to delete?!":"Are you sure you want to Update?!"); if(x){ if(num==1) $("div").remove(); else $("div").text("test Update"); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input id="Num" type="number" value="1"/> <input type="button" id="StatusChange" value="delete"/> <br> <div>Test</div> 

Answer 2

使用標准的javascript確認對話框，如下所示：

$("#StatusChange").click(function () {
var result = confirm("Want to delete?");
if (result) {
    var state = 'ACTIVE';
    var id = '12345';    
    $.ajax({
          type: "POST",
          url: '@Url.Action("ChangeAccountStatus", "Account")',
          data: { currentStatus: state, accountId:id },
          success: function(data){location.reload();}
          });
}                
});

您可以在這里閱讀更多內容。

Answer 3

$("#StatusChange").click(function() {
  var state = 'ACTIVE';
  var id = '12345';

  if (confirm("Are you sure to delete this account?")) {
    $.ajax({
      type: "POST",
      url: '@Url.Action("ChangeAccountStatus", "Account")',
      data: {
        currentStatus: state,
        accountId: id
      },
      success: function(data) {
        location.reload();
      }
    });
  }  // can optionally add an else statement here if user cancelled
});

Answer 4

像這樣：

$("#StatusChange").click(function () {

if(confirm("Are you sure you wish to continue?")){
            var state = 'ACTIVE';
            var id = '12345';
            $.ajax({
                type: "POST",
                url: '@Url.Action("ChangeAccountStatus", "Account")',
                data: { currentStatus: state, accountId:id },
                success: function(data) 
                {
                   location.reload();
                }
            });
}
});