右下角弹出框实现
来源:互联网 发布:0基础学编程 知乎 编辑:程序博客网 时间:2024/05/21 19:24
一切基于项目。
客户项目中需要对用户进行实时提醒。
谷歌,度娘问了下。大致有了思路。
通过Ajax方式实现(Jquery+ashx)
通过Jquery的$.post连接ashx取得相应数据,拼接成string字符串返回,然后用JquerUI插件显示(本文简化了,用Alert代替)。
aspx代码如下:
//此代码应放置在框架页中
function TimeFunction() {
GetMsg();
window.setInterval("GetMsg()", 240000); //每隔240000ms执行一次查询
}
function GetMsg() {
var userId = $("#<%=hfUId.ClientID %>").val();
//ajax方式获取数据
$.post("GetMsgHandler.ashx", { Action: "getMsg", userid: userId }, function (data) {
if (data != "") {
alert(data);
// 用JqueryUI控件的写法:
//$.messager.show('<font color=red>系统消息</font>', '<div style="word-wrap: break-word; ">' + data + '</div>', 20000);
}
});
}
TimeFunction() ;
ashx 代码如下:
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
string resMsg1 = "";
GetMsg(context, out resMsg1);//此方法用于去数据库查询数据,然后返回结果
context.Response.Write(resMsg1);
}
<script type="text/javascript"><!--google_ad_client = "ca-pub-1944176156128447";/* cnblogs 首页横幅 */google_ad_slot = "5419468456";google_ad_width = 728;google_ad_height = 90;//--></script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
- 右下角弹出框实现
- wxPython 实现右下角弹出框
- jquery 实现仿QQ右下角弹出框
- jQuery实现在右下角弹出提示框
- EasyUI实现页面右下角弹出提示框
- 右下角弹出框
- 右下角弹出框(2)
- 右下角弹出框(3)
- 右下角弹出框(4)
- 关于右下角弹出框
- 右下角弹出框
- jquery 右下角弹出框
- 右下角的弹出框
- 运用AJAX实现右下角弹出提示框 示例
- javascript实现屏幕右下角弹出信息提示框
- 使用jQuery的message插件实现右下角弹出消息框
- 使用jQuery的message插件实现右下角弹出消息框
- 使用jQuery的message插件实现右下角弹出消息框
- PhysX的导入导出:从Max插件到左手系引擎
- C ++ 函数后面加throw()的作用
- (W3C学习笔记)CSS 初级教程
- sudo: /etc/sudoers is mode 0540, should be 0440解决
- UML(5)——协作图
- 右下角弹出框实现
- (W3C学习笔记)JavaScript 初级教程
- 关于算法源代码中头文件myhead的问题和如何在VS2010中加入自己的头文件的问题
- (W3C学习笔记)XML 初级教程
- ZOJ1828题解--大数计算
- (W3C学习笔记)服务器端脚本 初级教程
- 哇、项目接近尾声了。
- ubuntu linux下设置固定IP(PC及虚拟机下均适用)
- (W3C学习笔记)SQL 初级教程