Question

如果确认框结果正常，客户端如何知道向服务器发送请求，如果取消则保持在页面上？此外，ASP.Net和ASP.Net MVC中的这种机制有何不同？

我得到的回答似乎告诉我如何实现功能。我想知道用户点击OK /取消内部发生的内部工作。浏览器如何知道它必须进行服务器调用或自行关闭而什么也不做？

Answer 1

您可以使用简单的confirm框

$("#callConfirm").on("click", function(e) {
    if(confirm('Are you sure'))
        alert('Yes');
    else
        alert('No');
});

JSFIDDLE

Answer 2

我在aspx页面中编写了这个Jquery代码，用于按钮。

步骤：

添加要为其设置确认框的按钮，添加其jquery和div以显示确认框。
在Page_Load上注册脚本按钮，并在按钮上编写将此脚本绑定的方法。
另外不要忘记按钮点击的服务器端方法或事件，在确认框确认确认后将继续这样做。

如果点击取消，则不会发生任何事情，div将被关闭。

<script type="text/javascript">
function FileItem(callBackFunction, title, content) {
        $("#File-confirm").html(content).dialog({
            autoOpen: true,
            modal: true,
            title: title,
            resizable: false,
            height: 140,

            close: function (event, ui) { $(this).dialog("destroy"); },
            buttons: {
                'Ok': function () {
                    callBackFunction(); $(this).dialog("destroy");
                },
                'Cancel': function () {
                    $(this).dialog("destroy");
                }
        });
    }

}

其中SaveBtn是UI中的按钮：

<asp:Button ID="SaveBtn" runat="server" Text="File"  OnClick="SaveBtn_Click"/>
<div id="File-confirm" style="display: none">
</div>

背后的代码：

FileConfirmRequest(SaveBtn, "Confirm", "Are you sure you want to file the changes?");
// In the Page_Load, write the above code
//Use this method later on the page
protected void FileConfirmRequest(Button control, string title, string message)
{
  string postBackReference = Page.ClientScript.GetPostBackEventReference(control, String.Empty);
  string function = String.Format("javascript:FileItem(function() {{ {0} }}, '{1}', '{2}'); return false;", postBackReference, title, message);
  control.Attributes.Add("OnClick", function);
}

现在，按钮的Onclick：

protected void SaveBtn_Click(object sender, EventArgs e)
 {
   //Do what you want to after OK Click from the confirm box
 }

Answer 3

试试这个

<script>
   function CallConfirm()
    {
    if(confirm('Are you sure'))
      //do your stuff
    else
     return false;
    }

<script />

并在asp按钮上写这样的

<asp:Button id="Click" runat="server" onclientclick="return  CallConfirm();"  onclick="btn_Click"/>

Answer 4

你可以在asp.net中使用bootstrap，它可以帮助你提供新的外观并帮助你完成很多其他事情，请参阅http://getbootstrap.com/，你可以使用bootstrap确认框。

 <asp:button 
    id="Button1" runat="server" text="Button" xmlns:asp="#unknown">OnClientClick="return confirmation();" onclick="Button1_Click"/>
</asp:button>

        <script type="text/javascript">
        function confirmation() {
        if (confirm('are you sure you want to delete ?')) {
        return true;
        }else{
             return false;
                    }
                }
    </script>

用户确认消息框如何在ASP.Net中工作

4 个答案: