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();//结束语
      }
        
    }

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