Coldfusion:显示来自数据库cfajaxproxy的更新总数
Coldfusion:显示来自数据库cfajaxproxy的更新总数
提问于 2015-12-21 18:55:39
我不擅长javascript、Ajax和Jquery，但我仍然必须完成一项任务。我试图在运行时显示更新的记录计数。这将是管理人员的实时报告，号码应该更改而不刷新页面。我试着写剧本，但还是失败了。在网上找到了一个jquery脚本，我修改了它，但是我没有得到想要的结果，我得到了一个错误。我没有从谷歌搜索中找到一个有用的例子。如果你有任何支持或有帮助的例子，请分享。
这就是我迄今为止所做的：
CFC:计数器功能只运行一个循环，但这里实际上是从数据库中获取数据。
<cfcomponent>
<cffunction name="counter" returntype="any" access="remote" >
<cfset var o= 1>
<cfloop index="b" from="1" to="1000">
<cfset o = b>
<cfset sleep = 1000>
</cfloop>
<cfreturn o>
</cffunction>
CFM档案：
<cfajaxproxy cfc="async" jsclassname="asyncjs" />
<!DOCTYPE html>
<html>
<body>
<div id="saa"><span class="count">200</span></div>
<div style="clear:both"></div>
<div id="talkbubble"><span class="count">1421</span></div>
<br />
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script type="text/javascript">
var objCfc = new asyncjs();
objCfc.setAsyncMode();
alert(objCfc.counter());
$('.count').each(function () {
var i =300;
$(this).prop('Counter',0).animate({
Counter: $(this).text()
}, {
duration: 4000,
easing: 'swing',
step: function () {
//$(this).text(Math.ceil(now)
$(this).text(i);
}
});
});
</script>
</body>
</html>请告诉我..。
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-01-11 18:35:52
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>AJAX CFM</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#noteDiv').load('content_notes.cfm?_=' +Math.random()).fadeIn("slow");
}, 1000); // refresh every 10000 milliseconds
</script>
</head>
<body>
<cfdiv id="noteDiv" bind="url:content_notes.cfm"></cfdiv>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<br>
...DIV Content - Date Time : <cfoutput> #now()# </cfoutput>
<br>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34402496
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号