Question

我正在为这个非常简单的应用程序运行Node.js，Handlebars和Express。该页面包含一个按钮，当单击该按钮时，将触发异步GET请求，该请求应显示console.log消息。当我单击“提交”按钮时，第一个console.log会立即弹出，但后续的按下需要很长时间（如分钟）。这只是异步GET请求的本质，还是我做错了什么？

app.js

var express = require('express');
var app = express();
app.use(express.static('public'));
var handlebars = require('express-handlebars').create({defaultLayout:'main'});
app.engine('handlebars', handlebars.engine);
app.set('view engine', 'handlebars');
app.set('port', 8080);

app.get('/',function(req,res,next){
    var context = {};
    res.render('home', context);
});

app.get('/notify',function(reg,res,next){
    console.log('I got a GET request!');
});

app.listen(app.get('port'), function(){
    console.log('Express started on http://localhost:' + app.get('port') + '; press Ctrl-C to terminate.');
});

home.handlebars

<input type="submit" id="Submit">

main.handlebars

<!doctype html>
<html>
<head>
    <title>Test Page</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="scripts/buttons.js" type="text/javascript"></script>
</head>
<body>
    {{{body}}}
</body>
</html>

buttons.js

document.addEventListener('DOMContentLoaded', bindButtons);
function bindButtons(){
    document.getElementById('Submit').addEventListener('click', function(event){
        var req = new XMLHttpRequest();
        req.open("GET", "http://localhost:8080/notify", true);
        req.send(null);
        event.preventDefault();
    });        
}

Answer 1

如果您转到http://localhost:8080/notify，您会看到该页面会永远加载并且永远不会实际加载。

这是因为您的请求有无响应。在您的应用中，后续请求需要的时间太长，因为以前的请求仍然没有响应。

尝试在console.log：

之后向您添加/通知GET处理程序

res.send('This is a cool message from server');

简单的GET请求需要大量时间才能返回

1 个答案: