Ajax的基本使用
AJAX
AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。
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>
