- 浏览: 75757 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (98)
- Linux (6)
- vsftpd vsftp ftp (2)
- perl flock (1)
- ajax (1)
- highcharts (1)
- http://www.bejson.com/knownjson/webInterface/ (1)
- mysql (1)
- iOS研究框架之SDwebimage原理 (1)
- oepn ssl (1)
- mysql插入时间戳列 (1)
- mysql pool (1)
- gsoap (1)
- VS (1)
- angular http jsonp (1)
- NSURLSession/NSURLConnection HTTP load failed (kCFStreamErrorDomainSSL (1)
- http://www.cnblogs.com/madyina/p/5970814.html (1)
- 批量生成各尺寸的iOS图标 (1)
- Ionic2 Rest 认证 (1)
- 反编译工具 IDA (1)
- formbuilder (1)
- asp.net com 80040154 Class not registered (1)
- angular2-highcharts用法详解 (1)
- 儿童教育资源 (1)
- Accordion List with Ionic (1)
- 清华附小权威老师推荐详细书单 (0)
- android (1)
- Hexadecimal -> file (binary) (1)
- open ssl (1)
- swift apple (1)
- 常见网址 (0)
- Charles4.2.5 (1)
- swift link (1)
- 域名 空间申请 (0)
- 常见网址 免费主机 (1)
- 最详细的美国旅游签证办理流程 (1)
- 公司办理美国签证流程 (0)
- link (1)
- 楼市 (0)
- inatall uml (1)
- 信用卡 (0)
- net use 共享 删除 (1)
- perl ftp (1)
- cron (1)
- 2018 self evauation (0)
- upload by ftp linux script (1)
- 青少年学习 (1)
- Shell脚本交互之:自动输入密码 (1)
- 通过ffmpeg实现视频流截图 (1)
- Discuz论坛迁移--数据库配置文件 (1)
- ELK(ElasticSearch (1)
- Logstash (1)
- Kibana)搭建实时日志分析平台 (1)
- 阿里面试题目目录 (1)
- network-attached storage (NAS) (1)
- jar (1)
- PostgreSQL操作-psql基本命令 (0)
- PostGreSQL (1)
- 百度网盘资源搜索 (1)
- git command (1)
- log4perl MinGW Dev C++ (1)
- perl 自定义模块 (1)
- 使用virt-manager安装和管理虚拟机 (1)
- ActivePerl5.14 (1)
- servicenter (1)
- 民国货币 (0)
- 物价变迁 (0)
- 历年养老金涨幅 (1)
- 1987年北京物价 (1)
- 金融业总资产 (1)
- 中国通史 (0)
- How to change @INC to find Perl modules in non-standard locations (1)
- ruby on rails (1)
- win10 ruby (1)
- Sybase isql常用命令 (1)
- php开发环境搭建 (1)
- check_Radius_Account.php (1)
- SymmetricDS (1)
- Kotlin Eclipse 环境搭建 (1)
- 基于SpringBoot搭建应用开发框架 基于SpringBoot-Dubbo的微服务快速开发框架 (1)
- 架构师技术图谱,助你早日成为架构师 (1)
- Java并发编程:volatile关键字解析 (1)
- MySQL 表锁和行锁机制 (1)
- IntelliJ IDEA 2018激活码 永久破解 (0)
- 基于 Javassist 和 Javaagent 实现动态切面 (1)
- JAVA必背面试题和项目面试通关要点(带答案) (1)
- Hadoop分布式集群的搭建 (1)
- navicat112_premium (0)
- snmp trap (1)
- net snmp linux (1)
- net snmp trap (1)
- install wmi in linux (1)
- vidyard (0)
- compare file content (1)
- XINETD TCP echo service (1)
- 从页面获取form表单提交的数据 (1)
- thymeleaf 分页 级联 (1)
- Apache log4j2 远程命令执行漏洞复现及修复方案 (1)
- win7 瘦身 (0)
最新评论
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap-theme.min.css">
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.min.css">
<script src="javascripts/jquery-1.11.1.min.js"></script>
<script src="javascripts/bootstrap.min.js"></script>
<style type="text/css">
body{margin:20px 20px 20px 20px}
h1, h2, h3, .masthead p, .subhead p, .marketing h2, .lead {font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei UI","Microsoft YaHei",SimHei,"宋体",simsun,sans-serif;font-weight: normal;}
.show-grid [class*="span"] {
background-color: #EEEEEE;
border-radius: 3px 3px 3px 3px;
line-height: 40px;
min-height: 40px;
text-align: center;
}
.show-grid {
margin-bottom: 20px;
margin-top: 10px;
}
.show-grid [class*="span"]:hover {
background-color: #DDDDDD;
}
.show-grid [class*="span"] [class*="span"] {
background-color: #CCCCCC;
}
.show-grid .show-grid [class*="span"] {
margin-top: 5px;
}
.show-grid [class*="span"] [class*="span"] [class*="span"] {
background-color: #999999;
}
.bs-docs-example:after {
background-color: #F5F5F5;
border: 1px solid #DDDDDD;
border-radius: 4px 0 4px 0;
color: #9DA0A4;
content: "table demo:";
font-size: 12px;
font-weight: bold;
left: -1px;
padding: 3px 7px;
position: absolute;
top: -1px;
}
form.bs-docs-example {
padding-bottom: 19px;
}
.bs-docs-example {
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
border-radius: 4px 4px 4px 4px;
margin: 15px 0;
padding: 39px 19px 14px;
position: relative;
}
.bs-docs-example-submenus .dropup > .dropdown-menu, .bs-docs-example-submenus .dropdown > .dropdown-menu {
display: block;
margin-bottom: 5px;
position: static;
}
.bs-docs-example-submenus {
min-height: 180px;
}
</style>
<body>
<script type="text/javascript">
setInterval(function(){update()},10000);
function update(){
$.ajax({
url: 'https://10.88.20.104/jsonStatics?',
dataType: "json",
cache: false,
jsonp:'callback', //
timeout: 5000,
success: function(data) {
tt = "";
//alert(data.length);
var $myid=$("#table table-striped");//hash table
$.each( data , function( i, item ) {
$(".table table-striped").append(
"<tr><td>" + item.id +"<td>"
+ " <td>" +item.DevN + "</td>"
+"<td>" + item.CriN + "<td>"
+"<td>" + item.ErrN + "<td>"
+"<td>" + item.WarN + "<td></tr>");
});
alert('updated');
},
error: function(jqXHR, textStatus, errorThrown) {
alert('errorXXX: ' + textStatus + " " + errorThrown);
}
});
}
</script>
<table class="table table-striped">
<thead>
<tr>
<th>Site ID</th>
<th>Device Number</th>
<th>Critical Number</th>
<th>Error Number</th>
<th>Warn Number</th>
</tr>
</thead>
<tbody>
<% for(i=0; i< userlist.length; i++) {%>
<tr><td><%= userlist[i].id %></td>
<td><%= userlist[i].DevN %></td>
<td><%= userlist[i].CriN %></td>
<td><%= userlist[i].ErrN %></td>
<td><%= userlist[i].WarN %></td>
</tr>
<% } %>
</tbody>
</table>
<!--<% for(i=0; i< userlist.length; i++) {%>-->
<!--<li><a><%= userlist[i].id %></a></li>-->
<!--<% } %>-->
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap-theme.min.css">
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.min.css">
<script src="javascripts/jquery-1.11.1.min.js"></script>
<script src="javascripts/bootstrap.min.js"></script>
<style type="text/css">
body{margin:20px 20px 20px 20px}
h1, h2, h3, .masthead p, .subhead p, .marketing h2, .lead {font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei UI","Microsoft YaHei",SimHei,"宋体",simsun,sans-serif;font-weight: normal;}
.show-grid [class*="span"] {
background-color: #EEEEEE;
border-radius: 3px 3px 3px 3px;
line-height: 40px;
min-height: 40px;
text-align: center;
}
.show-grid {
margin-bottom: 20px;
margin-top: 10px;
}
.show-grid [class*="span"]:hover {
background-color: #DDDDDD;
}
.show-grid [class*="span"] [class*="span"] {
background-color: #CCCCCC;
}
.show-grid .show-grid [class*="span"] {
margin-top: 5px;
}
.show-grid [class*="span"] [class*="span"] [class*="span"] {
background-color: #999999;
}
.bs-docs-example:after {
background-color: #F5F5F5;
border: 1px solid #DDDDDD;
border-radius: 4px 0 4px 0;
color: #9DA0A4;
content: "table demo:";
font-size: 12px;
font-weight: bold;
left: -1px;
padding: 3px 7px;
position: absolute;
top: -1px;
}
form.bs-docs-example {
padding-bottom: 19px;
}
.bs-docs-example {
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
border-radius: 4px 4px 4px 4px;
margin: 15px 0;
padding: 39px 19px 14px;
position: relative;
}
.bs-docs-example-submenus .dropup > .dropdown-menu, .bs-docs-example-submenus .dropdown > .dropdown-menu {
display: block;
margin-bottom: 5px;
position: static;
}
.bs-docs-example-submenus {
min-height: 180px;
}
</style>
<body>
<script type="text/javascript">
setInterval(function(){update()},10000);
function update(){
$.ajax({
url: 'https://10.88.20.104/jsonStatics?',
dataType: "json",
cache: false,
jsonp:'callback', //
timeout: 5000,
success: function(data) {
tt = "";
//alert(data.length);
var $myid=$("#table table-striped");//hash table
$.each( data , function( i, item ) {
$(".table table-striped").append(
"<tr><td>" + item.id +"<td>"
+ " <td>" +item.DevN + "</td>"
+"<td>" + item.CriN + "<td>"
+"<td>" + item.ErrN + "<td>"
+"<td>" + item.WarN + "<td></tr>");
});
alert('updated');
},
error: function(jqXHR, textStatus, errorThrown) {
alert('errorXXX: ' + textStatus + " " + errorThrown);
}
});
}
</script>
<table class="table table-striped">
<thead>
<tr>
<th>Site ID</th>
<th>Device Number</th>
<th>Critical Number</th>
<th>Error Number</th>
<th>Warn Number</th>
</tr>
</thead>
<tbody>
<% for(i=0; i< userlist.length; i++) {%>
<tr><td><%= userlist[i].id %></td>
<td><%= userlist[i].DevN %></td>
<td><%= userlist[i].CriN %></td>
<td><%= userlist[i].ErrN %></td>
<td><%= userlist[i].WarN %></td>
</tr>
<% } %>
</tbody>
</table>
<!--<% for(i=0; i< userlist.length; i++) {%>-->
<!--<li><a><%= userlist[i].id %></a></li>-->
<!--<% } %>-->
</body>
</html>
相关推荐
ajax+php 无刷新 无动作 页面数据自动更新
利用AJAX技术轻松实现页面无刷新自动更新!
代码实例,供初学者参考 使用AJAX技术,是目前较流行的一种方式
ajax 10秒自动变换数据无刷新页面 如: 数组{生日,聚会,开始} 数组里的数据,10秒自动变换
AJAX请求数据,绑定滚轴,滚到底部时自动加载下一页 适用于微信、手机网页端 /** * 调用方法 * HTML代码:<div id="data_box"></div> * js代码如下 */ $('#data_box').scrollAjax({ page: 1, //从第几页开始 ...
Ajax简介: AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML)...传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。 html部分: <!DOCTYPE html> <html lang="en"> <
ASP 结合Ajax 不刷新网页 加载新闻列表示例 ASP 结合Ajax 不刷新网页 加载新闻列表示例
本例实现页面自动刷新的效果,该页面的内容如图5-4所示,在该页面中将根据数据库中存储的最新数据信息更新页面中热卖商品的信息,但是对这些信息的修改并不会导致整个页面的刷新。 实际的Web应用中,诸如:天气预报...
自己写的一个demo,利用ajax回调php返回的json数据,并实现页面的局部刷新,方便大家学习使用,
Ajax简介 AJAX即“Asynchronous Javascript And XML”...传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。 实现每一种功能都有各种各样的方法和思路,今天总结我的一个小小的加载功能。 加载很常见
采集器简介: 本工具主要针对火车头只能...1、采集过程中自动中断,重启软件即可。 2、采集中弹出错误提示,打开数据库,删除当前采集的网址记录或将其标题和内容字段置为“F”然后重启软件。 3、其他,请联系开发者。
强大的信息采集功能。...可N级页面关联采集,自动整合成一条完整记录。支持网页框架,链接和网页加密等。... 支持AJAX内容页面的采集,实现独立线程运行。QQ群号采集的好帮手 详情:http://www.hxcm.net/adv/gather.aspx
当用户查询数据,如果系统反应过慢,呈现出友好进程等待页面,进程结束后画面自动消失。
jsp上传图片的示例,把文件保存在服务器和数据库,数据从数据库的获取,可以通过ajax来发送请求来获取,实现自动刷新的功能,实时获取数据库的数据,用json的方式返回给页面
比较全面的ajax学习,适合于新手,包含内容包含如下: 第一章 动态加载数据 1.1动态加载的FAQ 1.2根据邮政编码获取地区信息 1.3动态树形列表 1.4多级联动菜单 1.5条件设置向导 1.6页面关键词提示 第二章 改善...
同时,为了保证数据的实时更新,项目采用了Ajax技术进行异步数据请求,通过定时任务或事件触发方式实现数据的自动刷新渲染。 后端部分,项目采用了SSM框架来搭建RESTful API,通过MyBatis对数据库进行操作,实现数据...
·聊天内容更新时,只需要读取最新的聊天信息,做到“按需取数据”。 本项目将会实现以个基于Ajax的无刷新聊天室,其功能比较完善,主要特点如下: ·采用数据库记录在线用户及聊天信息; ·登录与注册融合,新用户...
传统的聊天室基于客户端网页的自动刷新技术而实现,它的主要缺点是不断刷新页面造成屏幕的闪动,而经过了Ajax改造后的聊天室,每次只获取最新的发言信息,并将获取结果动态写入页面,不会有以上的缺点 ………………...
适合于新手小白参考,这个是通过ajax来写的js页面内容算是挺全的了,servlet使用的是ajax以及json字符串数据的传递不需要jsp的跳转,具有分页的功能,以及可以通过数据库增删改查,数据库文件在db文件夹里,在MySQL...
Ajax与ASP网页交互动态添加删除数据一例 Asp+Ajax无限级联动下拉框菜单Access版 ASP 树形菜单TreeView 多样式版 Ajax仿iGoogle双击编辑、网页拖动完整实例 ASP+jQuery无刷新读写数据库操作 Ajax提交数据实例_Ajax+...