Использование AJAX для отправки новых сведений о пользователе через asp.net

Question

Каков наилучший способ отправить имя пользователя и пароль с помощью 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, страница обновится. Я хочу, чтобы страница НЕ обновлялась и отправляла предупреждение, если что-то не так.

Answer 1

Вам необходимо использовать UpdatePanel с ScriptManager. Если подача происходит внутри UpdatePanel, она вернет только то, что находится внутри самого UpdatePanel через AJAX.

Если вы хотите справиться с возможной ошибкой, вы можете использовать AsyncPostBackError EventScriptManager. См. MSDN page для полного примера обработки ошибок.

код будет выглядеть (+ вашей логики обработки ошибок):

<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>