执行jQuery，然后执行.NET

Question

我如何获得一个asp：button在执行.net代码之前执行一些jquery？

我基本上有一个asp：button，上面附加了一些jquery-ajax和一些.NET代码。 我注意到，如果jquery很简单，例如显示警报，则一切正常，但是，如果jquery更复杂（例如，必须在ajax中连接到数据库），它似乎就不起作用，而只是执行互联网。

我假设这与速度有关？ .NET代码是否在jQuery脚本完成之前启动？

所以我的问题是，如何设置它，以便当单击asp：button时，jQuery就可以了，一旦完成jquery，.net部分就会运行？

Answer 1

尝试使用OnClientClick方法，如果返回false，它将停止回发。

http://msdn.microsoft.com/zh-CN/library/system.web.ui.webcontrols.button.onclientclick.aspx

<asp:Button id="btn" runat="server" OnClientClick="return onclick()" text="Click" />

JavaScript：

function onclick()
{
   // do something
   return false; // this will stop the postback
}

Answer 2

在此，Praveen关于异步或同步的观点（在下面，被否决）非常重要。

“ OnClientClick”答案仅适用于同步内容。 如果您有AJAX或Promise，我发现的最佳模式是：

1）。 使用javascript停止按钮的默认行为：

OnClientClick="return false;"

2）。 为按钮创建一个单独的Javascript事件处理程序：

$(document).ready(function (e) {
            $("[id$='btn']").click(function(){

3）。 调用客户端ASP验证程序（如果没有验证程序，请跳过）。

if (Page_ClientValidate())
            {

4）。 到AJAX完成函数，或在promise.then（）中，传递一个函数以提交触发按钮click事件的表单

__doPostBack('<%= btn.ClientID %>', 'OnClick');

除非您处理的是Promises或AJAX，否则一切似乎都令人费解。

这是完整的示例页面：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="aaaaa_test.aspx.cs" Inherits="test" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script  type="text/javascript">

        $(document).ready(function (e) {

            //2). use the click event to capture the canceled submit.
            $("[id$='cmdSubmit']").click(function(){
                //3). Allow the asp client-side page validators to do their thing...
                if (Page_ClientValidate())
                {
                    ReturnsPromise().then(function () {
                        //4). once the Asynchronous stuff is done, re-trigger the postback
                        //    and make sure it gets handled by the proper server-side handler.
                        __doPostBack('<%= cmdSubmit.ClientID %>', 'OnClick');
                    });
                }
            });

            // very simple promise, usually this woud be an AJAXy thing.....
            //  a placeholder for your real promise.
            function ReturnsPromise()
            {
                //this is just a simple way to generate a promise for this example.
                return Promise.resolve($("[id$='hiddenField']").val($("[id$='txtInput']").val()));
            }

        });

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <asp:HiddenField ID="hiddenField" runat="server" />
        Input:<asp:TextBox ID="txtInput" runat="server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="valInput" runat="server" ErrorMessage="Add Text" ControlToValidate="txtInput" EnableClientScript="True" Text="Add Text"></asp:RequiredFieldValidator>
        <br />
        <!-- 1). use client script to stop the default button behavior with OnClientClick="return false;" -->
        <asp:Button ID="cmdSubmit" runat="server" OnClick="cmdSubmit_Click" Text="Submit" OnClientClick="return false;" />

    </div>
    </form>
</body>
</html>

Answer 3

第一件事是您的ajax调用async还是sync？ 您将使用延期和承诺概念进行ajax调用

2，创建一个隐藏的按钮，在ajax调用成功后，从jquery中单击按钮。 并且真实按钮返回false，因此不会执行回发。

执行jQuery，然后执行.NET

问题描述

3 个解决方案

解决方案1
1 已采纳 2013-07-03 15:01:34

解决方案2
0 2016-01-19 01:07:41

解决方案3
-1 2013-07-03 14:58:46

执行jQuery，然后执行.NET

问题描述

3 个解决方案

解决方案1 1 已采纳 2013-07-03 15:01:34

解决方案2 0 2016-01-19 01:07:41

解决方案3 -1 2013-07-03 14:58:46

解决方案1
1 已采纳 2013-07-03 15:01:34

解决方案2
0 2016-01-19 01:07:41

解决方案3
-1 2013-07-03 14:58:46