码迷,mamicode.com
首页 > Web开发 > 详细

AJAX基础

时间:2016-11-07 09:51:20      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:tar   XML   网页开发   head   src   ons   form   name   use   

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

  

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

  

AJAX基础

标签:tar   XML   网页开发   head   src   ons   form   name   use   

原文地址:http://www.cnblogs.com/shi2172843/p/6037457.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!