asp.net + html页面来实现 ajax 示意——给初学者的参考
静态页面示意代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ajax试验</title>
<script type="text/javascript">
function btnClick() {
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); //创建xmlhttp对象,针对ie浏览器写的,其他浏览器方法不同
if (!xmlhttp) {
alert("创建对象失败");
return false;
}
xmlhttp.open("POST", "GetDate1.ashx?tx" + new Date(), false); //准备向服务器的getdate1.ashx发出Post请求
//xmlhttp的open是异步请求,不会等到拿到数据才返回,因此需要监听xmlhttp对象的onreadystatechange事件
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState == 4) { //xmlhttp执行状态之一,1正在加载对象,2加载完毕,3正在获取数据,4返回数据
if(xmlhttp.status==200) { //返回代码200,为成功,http响应代码
document.getElementById("Text1").value=xmlhttp.responseText;//responeText是服务器返回的文本
}
else{
alert("ajax服务器返回错误!");
}
}
}
xmlhttp.send(); //这是才象服务器发送请求
}
</script>
</head>
<body>
<input id="Text1" type="text" />
<input id="Button1" type="button" value="button" onclick="btnClick()" />
</body>
</html>
一般处理程序示意代码:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace ajax测试1
{
/// <summary>
/// GetDate1 的摘要说明
/// </summary>
public class GetDate1 : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
context.Response.Write(DateTime.Now.ToString());
}
public bool IsReusable
{
get
{
return false;
}
}
}
}
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。