按钮更新节点.js和 HTML
Button update node.js and HTML
我正在尝试制作一个在浏览器/计算机之间工作的基本计数器。(我是新手)。该按钮仅在大约 1/12 的时间内工作。如何使其更加一致?
谢谢!
我的服务器端节点.js看起来像:
var express = require('express');
var app = express();
var hits = 0;
app.get('/main.html', function (req, res, next) {
console.log('bye');
next();
});
app.get('/', function (req, res, next) {
console.log('hello');
next();
});
app.get('/add', function (req, res) {
console.log('added hits');
hits++;
});
app.get('/hitNum', function (req, res) {
console.log('hits req');
res.end(hits+'');
});
app.use(express.static(__dirname + '/public'));
var server = app.listen(80);
我的 HTML 看起来像:
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
var add = function () {
$.get('add');
}
window.setInterval(function (){
$.get('hitNum').done(function (data){
document.getElementById('hits').innerText = data;
});
}, 500);
</script>
</head>
<body>
<button onclick='add()' >Hi</button>
<p id='hits'></p>
</body>
</html>
我将从更改/hitNum
控制器开始:与其只调用end()
,不如显式设置状态和正文(分别通过status()
和send()
)。这是我怎么写的:
app.get('/hitNum', function (req, res) {
console.log('hits req');
res.status(200).send('' + hits);
});
200
状态指示"成功"。
还有一件事:
您的/add
控制器不会发回任何响应。这意味着您的 JS 将不知道/add
请求是否/何时完成:
app.get('/add', function (req, res) {
console.log('added hits');
hits++;
res.status(200).end();
});
相关文章:
- 旋转按钮[HTML][JS]
- 在ajax中发送html+JS
- 使用服务器上的HTML/js在网页上显示图像
- 为什么我从浏览器修改html/js时会多次发送ajax请求
- HTML/JS github页面项目没有't在使用firefox运行时加载图像或声音
- 当按下箭头键时,我的图像以一种奇怪的方式跳跃(HTML+JS)
- Html+js+css的打包程序
- 使用Sails.JS为静态HTML/JS应用程序提供身份验证
- HTML/JS表单已提交两次
- Heroku类型的简单HTML/JS应用程序托管
- HTML JS在DIV中附加随机图像
- 如何将从GWT编译的JS添加/访问到另一个外部HTML / JS项目中
- 如何从我的机器提供HTML + JS + CSS网络应用程序,以便其他人可以查看它
- HTML + JS:设置文本区域内容样式的最佳方式
- 如何在html / JS中展开或关闭内容 - 始终分配给不同的id
- HTML/JS 如何输入文本并使其显示在屏幕上
- 从导入的 HTML/JS 文件中提取变量
- 我们怎么知道消除HTML/JS/CSS文件中的空白可以缩短页面加载时间呢
- "捆绑;仅适用于HTML/JS的解决方案
- 是否覆盖网站上文本输入区域的默认移动设备键盘?(HTML/JS/jQuery)