AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。
ashx:
using System; using System.Web; using System.Linq;//引用命名空间 public class AA : IHttpHandler { public void ProcessRequest (HttpContext context) { string Uname= context.Request["aaa"]; using (Data0617DataContext con = new Data0617DataContext()) { Users u = con.Users.Where(r=>r.UserName==Uname).FirstOrDefault(); if (u != null)//用户名已被占用 { context.Response.Write("{"has":"1"}"); } else { context.Response.Write("{"has":"0"}"); } context.Response.End();//结束语 } }
aspx:
<title></title> <script src="JS/jquery-1.7.2.min.js"></script> </head> <body> <form id="form1" runat="server"> 用户名:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:Label ID="Label1" runat="server" Text=""></asp:Label><br /> <asp:Button ID="Button1" runat="server" Text="Button" /> </form> </body> </html> <script type="text/javascript"> $("#Button1").click(function () { var otxt = $("#TextBox1").val(); //1.引用Jquery //2.编写ajax基本格式 $.ajax({ url: "AA.ashx",//要连接到哪个服务端 data: { "aaa": otxt },//带什么数据过去"id"名字随便取,多个数据就用逗号隔开,名字不重复 type: "POST",//用什么方式传过去 dataType: "json",//返回的数据类型是什么 success: function (data) { if (data.has == 0) { $("#Label1").text("用户名可用"); } else { $("#Label1").text("用户名已被占用"); } } }); return false;//阻止提交 }); </script>