(1)
前台
<!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></title>
<script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
//setInterval配合ajax实现实时刷新前台数据的功能
setInterval(function () {
$.ajax({
type: "get",
url: "../ajaxGetServerTimeHandler.ashx",
//url: "JQueryAjax.ashx",
data: "name=John&location=" + $("#myTest").val() + "&test=123",
//data: "&name=" + $("#myTest").val(),
cache: false, //不允许有缓存
success: function (msg) {//打印出来得到的结果
//alert("Data Saved: " + msg);
$("#mySecondyTxt").val(msg);
// success: function () {//这里就不传输参数现在，只是弹出一个提示标志即可
// alert("数据传送成功");
// window.location.href = "WebFormAjaxGetData.aspx?name=cpf";
},
error: function (XmlHttpRequest, textStatus, errorThrown) {
alert("错误信息;" + XmlHttpRequest.status);
}
})
}
, 100)
</script>
</head>
<body>
<input type="text" id="mySecondyTxt" />
</body>
</html>
一般处理程序
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace Ajax实现实时刷新前台数据的效果
{
/// <summary>
/// ajaxGetServerTimeHandler 的摘要说明
/// </summary>
public class ajaxGetServerTimeHandler : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
context.Response.Write("Hello World123");
context.Response.Write(DateTime.Now.ToString());
}
public bool IsReusable
{
get
{
return false;
}
}
}
}