gpt4 book ai didi

javascript - 如何使用 Node.js 和 Express 在 JavaScript 中通过 GET 请求更改页面?

转载 作者:行者123 更新时间:2023-11-30 15:26:39 26 4
gpt4 key购买 nike

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

我现在有了它,所以当他们单击更新按钮时,它会运行 editRow 函数,传递表的 ID 和行中的数据。但是,我无法弄清楚如何让路由正常工作。

我正在使用 Node.js、Express、Handlebars,但没有 jQuery。

app.js(服务器端)

app.get('/update', function(req,res){
var context = {};
context.tableID = req.ID;
context.element = req.element;
res.render('update', context);
});

update.handlebars

<h1>test for now</h1>

ma​​in.handlebars

<!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>

buttons.js(客户端)

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();
};

使用上面的新配置,我现在可以访问 /update 代码,但是 render 似乎没有发生。服务器或客户端控制台中没有错误消息。

最佳答案

正如您的错误所述,XMLHttpRequest 对象上没有get 函数。我认为您打算改用 req.open

您可以引用此文档,它将向您展示如何使用 XMLHttpRequest 进行请求:https://developer.mozilla.org/enUS/docs/AJAX/Getting_Started#Step_3__A_Simple_Example

关于javascript - 如何使用 Node.js 和 Express 在 JavaScript 中通过 GET 请求更改页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42860919/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com