Jquery结合setinterval实现ajax实时刷新前台数据的效果

最新推荐文章于 2022-03-04 11:16:36 发布

简单的绿竹

最新推荐文章于 2022-03-04 11:16:36 发布

阅读量8.4k

点赞数

本文链接：https://blog.csdn.net/zunguitiancheng/article/details/8995667

版权

//html页面

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

setInterval(function () {

            $.ajax({
                type: "get",
                url: "HandlerGetServerData.ashx", //传递到HandlerGetData.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(msg){

alert("Data Saved:服务器繁忙~~请稍后再试" + msg.toString());
}

                error: function (XmlHttpRequest, textStatus, errorThrown) {
                    alert("错误信息;" + XmlHttpRequest.status);
                }

})

}
, 100)

</script>

</head>
<body>

</body>
</html>

//服务器处理页面

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace Ajax实现实时刷新前台数据的效果
{
    /// <summary>
    /// HandlerGetServerData 的摘要说明
    /// </summary>
    public class HandlerGetServerData : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            //context.Response.Write("Hello World");

context.Response.Write(DateTime.Now.ToString());//打印出当前时间

}

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