使用AJAX通过asp.net发送创建新的用户详细信息

时间:2013-10-25 23:59:43

标签: c# asp.net .net authentication .net-3.5

通过.jax将用户名和密码发送到.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>

我希望单击图像按钮并将用户名和屏幕名称(最终密码)的ajax调用发送到后端页面。如果我执行onClick = X,页面将刷新。我希望页面不要刷新,如果出现问题则发回警报。

1 个答案:

答案 0 :(得分:1)

您需要UpdatePanel使用ScriptManager。如果提交发生在UpdatePanel内,那么它将通过AJAX返回UpdatePanel内部的内容。

如果您想处理可能的错误,可以使用AsyncPostBackError Event的{​​{1}}。有关错误处理的完整示例,请参阅MSDN page

代码看起来像(+你的错误处理逻辑):

ScriptManager