仅在客户端确认后执行服务器端代码

本文关键字：执行 服务器端 代码 确认 客户端 | 更新日期: 2023-09-27 17:56:44

在计算复杂的公式服务器端后，我必须显示客户端确认。类似的东西

//Server side
        On ButtonClick(){
            FetchRate(field1,field2,.... fieldn);
            // Show Client side confirmation
            // Execute server side code if confirmed client side 
    }
我

所做的是创建一个客户端函数，但无论我选择什么客户端，我的服务器端代码总是在回发时执行

// Server side    
ScriptManager.RegisterStartupScript(this,this.GetType(), Guid.NewGuid().ToString(), "ConfirmAction('"+ myRate +"');", true);
//Client side
    function ConfirmAction(myRate) {
            if (confirm('Are you sure?. Rate is exceeding '+ myRate +', proceed ?')) {
                document.getElementById('hfSaveUpdate').value = 1;
                return true;
            }
            else
                return false;
        }

仅在客户端确认后执行服务器端代码

您可以使用

Ajax Model Popup并处理其确定和取消按钮。 

<ajaxToolkit:ModalPopupExtender ID="ModelPopupID" runat="server"  
    TargetControlID="LinkButton1"  
    PopupControlID="Panel1"  
    BackgroundCssClass="modalBackground"   
    DropShadow="true"   
    OkControlID="OkButton"   
    OnOkScript="onOk()"  
    CancelControlID="CancelButton"   
    PopupDragHandleControlID="Panel3" />

从服务器代码启动模式弹出窗口：

服务器端代码：

ClientScript.RegisterStartupScript(this.GetType(), "key", "launchModal();", true);

客户端代码：

<script type="text/javascript">
 var launch = false;
 function launchModal() 
 {
 launch = true;
 }
function pageLoad() 
 {
 if (launch) 
 {
 $find("ModelPopupID").show();
 }
 }
</script>

在确定的单击模型弹出窗口时，在构建代码后在服务器端执行。单击取消按钮时，只需隐藏模型弹出窗口即可。

有关更多详细信息，请查看以下内容：

模态弹出教程

不能在服务器端代码之间放置客户端操作。

代码准备客户端确认，但在响应完成之前不会将其发送到浏览器。然后，服务器会立即继续处理您的数据。完成后，响应将发送到浏览器，用户将看到确认对话框。为时已晚：数据已被处理。对话的结果永远不会发送到服务器。

您需要将流程分为两部分：首先获得有关该费率的确认（可能使用 ajax），然后提交要处理/存储的表单。

您可以在按钮上设置onclientclick attribute

链接 ： http://msdn.microsoft.com/fr-fr/library/system.web.ui.webcontrols.button.onclientclick（v=vs.80）.aspx

相关文章：