Ajax的基本使用

AJAX

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
AJAX = 异步 JavaScriptXML标准通用标记语言的子集)。
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>&nbsp;&nbsp;<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 == )
{
$("#Label1").text("用户名可用");
}
else
{
$("#Label1").text("用户名已被占用");
}
} });
return false;//阻止提交 });
</script>
上一篇:spring占位符解析器---PropertyPlaceholderHelper


下一篇:千呼万唤始出来——uFUN开发板2.0开箱评测