如何在带有Node.js和Express的JavaScript中使用GET请求进行页面更改?
在这个应用程序中,用户有一个可以输入数据的表。每一行都有一个“编辑”按钮,当他们单击该按钮时,我想将他们带到一个名为“/更新”的新页面,在那里他们可以修改该行中的值 我现在有了它,所以当他们单击update按钮时,它会运行如何在带有Node.js和Express的JavaScript中使用GET请求进行页面更改?,javascript,node.js,express,asynchronous,handlebars.js,Javascript,Node.js,Express,Asynchronous,Handlebars.js,在这个应用程序中,用户有一个可以输入数据的表。每一行都有一个“编辑”按钮,当他们单击该按钮时,我想将他们带到一个名为“/更新”的新页面,在那里他们可以修改该行中的值 我现在有了它,所以当他们单击update按钮时,它会运行editRow函数,传递表的id和行中的数据。然而,我很难弄清楚如何让路线正常工作 我使用的是Node.js、Express、handlebar,但是nojQuery app.js(服务器端) 更新把手 <h1>test for now</h1> &l
editRow
函数,传递表的id和行中的数据。然而,我很难弄清楚如何让路线正常工作
我使用的是Node.js、Express、handlebar,但是nojQuery
app.js(服务器端)
更新把手
<h1>test for now</h1>
<!doctype html>
<html>
<head>
<title>Workout Tracker</title>
<link rel="stylesheet" href="css/style.css">
<script src="scripts/buttons.js" type="text/javascript"></script>
</head>
<body>
{{{body}}}
</body>
</html>
使用上面的新配置,我现在可以访问
/update
代码,但是渲染似乎没有发生。服务器或客户端控制台中没有错误消息。正如错误所述,XMLHttpRequest
对象上没有get
函数。我想你是想用req.open
来代替
您可以参考本文档,该文档将向您展示如何使用XMLHttpRequest进行重新测试:您的应用程序的预期行为是什么,其实际行为是什么?你有任何错误输出吗?目前我只是想显示“现在测试”。如果我能走那么远,我会没事的。在上面的当前配置中,当我单击启动editRow函数的按钮时,页面不会改变。我不太擅长路由,所以我确信我的buttons.js文件有很多错误。谢谢你提供的有用链接!我已经用我学到的知识更新了代码,但是我仍然无法获得要呈现的新页面。我不知道为什么。我已经更新了上面的代码以反映我的更改。
<!doctype html>
<html>
<head>
<title>Workout Tracker</title>
<link rel="stylesheet" href="css/style.css">
<script src="scripts/buttons.js" type="text/javascript"></script>
</head>
<body>
{{{body}}}
</body>
</html>
function editRow(tableID, element) {
var httpRequest;
httpRequest = new XMLHttpRequest();
if (!httpRequest) {
alert('Giving up :( Cannot create an XMLHTTP instance');
}
httpRequest.open('GET', 'http://localhost:3000/update');
httpRequest.send();
};