AJax:是指一种创建交互式网页应用的网页开发技术。

  1. Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
  2. 通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。
  3. 这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新.
  4. 传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。

上代码

首先创建一个一般处理程序,用作数据源提供数据。

/// <summary>
    ///为html页面,提供数据
    /// </summary>
    public class Handler1 : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            string time = DateTime.Now.ToString();
            context.Response.Write(time);
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }

然后从html页面中使用ajax获取

	<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <input type="button" name="name" value="获取当前时间"  id="btn" />
    <div id="box"></div>
</body>
<script>
    window.onload = function () {
        document.getElementById('btn').onclick = function () {
            var xhr = new XMLHttpRequest();//创建ajax对象
            xhr.open("get", 'Handler1.ashx', true);//方法,资源地址,是否异步
            xhr.onreadystatechange = function () {
                if (xhr.readyState==4&&xhr.status==200) {
                    var txt = xhr.responseText;
                    document.getElementById('box').innerHTML = txt;
                }
            }
            xhr.send(null);
        }
    }
</script>
</html>

readeState的五种方式:
0,open尚未调用;
1,open已调用;
2,header_received接收到头信息
3,loading 接收到响应主体
4,done响应完成

更多推荐

C#使用Ajax(简单使用)