Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在带有Node.js和Express的JavaScript中使用GET请求进行页面更改?_Javascript_Node.js_Express_Asynchronous_Handlebars.js - Fatal编程技术网

如何在带有Node.js和Express的JavaScript中使用GET请求进行页面更改?

如何在带有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

在这个应用程序中,用户有一个可以输入数据的表。每一行都有一个“编辑”按钮,当他们单击该按钮时,我想将他们带到一个名为“/更新”的新页面,在那里他们可以修改该行中的值

我现在有了它,所以当他们单击update按钮时,它会运行
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();
};