技术开发 频道

用ajax.dll来做一个异步数据的交互例子


【IT168技术文档】


  1:在配置文件里面添加一个接点:
<httpHandlers> <add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax" /> </httpHandlers>
  2:在要使用的页面加一句: Ajax.Utility.RegisterTypeForAjax(typeof(类名));

  3:在要在javascript函数里面要调用的服务器端方法上加一个:[Ajax.AjaxMethod  (Ajax.HttpSessionStateRequirement.ReadWrite)]标记

  大体就这样的。下面我们来做一个简单的用户注册吧:
  先要考虑的是:第一要验证客户输入的信息是否符合我们定义的标准;第二:要异步考虑这个客户输入的名字是否已经被别人使用了,不要在客户提交注册信息的时候再去验证,这样就很浪费了;第三:我们所有的数据添加,修改,查询都可以用这个dll来做的,全部是无刷新的,但是要考虑开发效率哦!
1 <table border="0" cellpadding="0" cellspacing="0" style="width: 557px"> 2 <tr> 3 <td style="width: 462px; text-align: right; height: 12px;"> 4 <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtUserName" 5 ErrorMessage="*请输入" Width="110px"></asp:RequiredFieldValidator>用户名:</td> 6 <td colspan="2" style="height: 12px; text-align: left"> 7 <asp:TextBox ID="txtUserName" runat="server" onchange="OncheckInfo('txtUserName')" Width="213px"></asp:TextBox> 8 </td> 9 </tr> 10 <tr> 11 <td style="width: 462px; text-align: right"> 12 <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtPwd" 13 ErrorMessage="*请输入" Width="88px"></asp:RequiredFieldValidator>密码:</td> 14 <td colspan="2" style="text-align: left"> 15 <asp:TextBox ID="txtPwd" runat="server" TextMode="Password" onKeyUp=pwStrength() onBlur=pwStrength() 16 Width="213px"></asp:TextBox> 17 </td> 18 </tr> 19 <tr> 20 <td style="width: 462px; height: 24px; text-align: right"> 21 <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="txtPwd" 22 ControlToValidate="txtPwdd" Display="Dynamic" ErrorMessage="两次出入不一致" Width="136px"></asp:CompareValidator>确认密码:</td> 23 <td colspan="2" style="height: 24px; text-align: left"> 24 <asp:TextBox ID="txtPwdd" runat="server" TextMode="Password" Width="213px"></asp:TextBox>&nbsp; 25 </td> 26 </tr> 27 <tr> 28 <td style="width: 462px; height: 24px; text-align: right"> 29 密码安全级别:&nbsp;</td> 30 <td colspan="2" style="height: 24px; text-align: left"> 31 <table border="0" bordercolor="#cccccc" cellpadding="1" cellspacing="0" height="23" 32 style="display: inline; width: 213px"> 33 <tr align="center" bgcolor="#eeeeee"> 34 <td id="strength_L" width="33%"> 35 弱</td> 36 <td id="strength_M" width="33%"> 37 中</td> 38 <td id="strength_H" width="33%"> 39 强</td> 40 </tr> 41 </table> 42 </td> 43 </tr>
0
相关文章