0

通过ajax将用户名和密码发送到.net中的代码隐藏页面的最佳方式是什么。

我有一个 index.aspx 页面，如下所示：

                    <asp:TemplatedWizardStep>
                        <CustomNavigationTemplate>


                            <div style="margin-bottom:7px;text-align:left;">To create an account, simply send us your e-mail address. A password will be sent to this address upon submission.</div>
                            <table border="0" cellpadding="3" cellspacing="0" style="width:99%;">
                                <tr>
                                    <td style="text-align:left; vertical-align:middle;width:90px;">E-Mail:</td>
                                    <td style="text-align:left; vertical-align:middle;">

                                        <asp:TextBox ID="UserName" runat="server" CssClass="newUserTextbox"></asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align:left; vertical-align:middle;width:90px;padding-top:5px;">Screen name:</td>
                                    <td style="text-align:left; vertical-align:middle;padding-top:5px;">
                                        <asp:TextBox ID="ScreenName" runat="server" CssClass="newUserTextbox"></asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align:left; vertical-align:middle;">&nbsp;</td>
                                    <td style="text-align:right; vertical-align:middle;padding-top:5px;">
                                            <asp:imagebutton ID="CreateUser" CommandName="CreateUser" Enabled="true"  runat="server" AlternateText="OK" ImageUrl="powerstats/inc/img/ok_up.png"></asp:imagebutton>

                                            <a href="javascript:InitializeLogin()"><img src="powerstats/inc/img/cancel_up.png" style="cursor:pointer;" onmouseover="SwapImageIndex(this,'cancel_ov.png')" onmouseout="SwapImageIndex(this,'cancel_up.png')" /></a>
                                    </td>
                                </tr>
                            </table>                                   
                        </CustomNavigationTemplate>
                    </asp:TemplatedWizardStep>

我希望单击 imagebutton 并将带有用户名和屏幕名（以及最终密码）的 ajax 调用发送到后端页面。如果我这样做 onClick=X 页面会刷新。如果出现问题，我希望页面不要刷新并发送警报。

4

1 回答 1

1

您需要将 anUpdatePanel与 a一起使用ScriptManager。如果在 内部发生提交UpdatePanel，它将仅UpdatePanel通过 AJAX 返回自身内部的内容。

如果要处理可能的错误，可以使用AsyncPostBackError Event. 有关错误处理的完整示例，ScriptManager请参阅MSDN 页面。

代码看起来像（+你的错误处理逻辑）：

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:TemplatedWizardStep>
    <CustomNavigationTemplate>
         <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
               /* Your login controls here ...
                  Make sure to include all the fields 
                  to be refreshed + the submit button */
            </ContentTemplate>
        </asp:UpdatePanel>
    </CustomNavigationTemplate>
</asp:TemplatedWizardStep>
于 2013-10-26T01:49:38.000 回答