AJax:是指一种创建交互式网页应用的网页开发技术。
- Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
- 通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。
- 这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新.
- 传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。
<mark>上代码</mark>
首先创建一个一般处理程序,用作数据源提供数据。
/// <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响应完成