使用 Express.js 刷新特定输入值

Question

快速 Express.js 问题。在过去的几天里，我一直在构建一个简单的 rpg charactersheet 应用程序，以使我的脚湿透了节点、express 和 web 编程。无论如何，我被困在我怀疑很简单但我还没有找到答案的事情上。基本上我有一个保存统计值的表格，所以让我们说x，y，z。好的，然后我有一个按钮可以针对其中一个统计数据滚动，基本上是掷骰子并根据需要添加 x、y 或 z 并返​​回值。好吧，一切正常我被困在弄清楚如何在不清除表单的其余部分的情况下刷新单个输入文本框，特别是当我返回 di 卷时，我想在“结果”文本框，但在 x、y、z 中保持值不变。

我尝试了一些不同的方法，例如将结果文本框放在它自己的部分上并渲染该部分，然后删除页面的其余部分（仅渲染该部分）我可以渲染整个索引并获得结果填充，但这会擦除 x、y、z 的其余值。

在这种情况下，实现该目标的最佳做法是什么？我是否应该将 x、y、z 的值写到一个数组中，并在我传回结果时将它们传回？我很确定这会奏效，但它似乎不是最有效的做事方式。

我是否应该在服务器返回结果后在客户端实现结果框的刷新？如果是这样，我该怎么做？

谢谢， 标志

Answer 1

我相信您的两个主要选择是 (1) 在客户端执行数字计算并直接更新输入框，或者 (2) 执行 Ajax 请求并使用来自服务器的响应来更新文本框以类似的方式。

这里有更多详细信息和一些示例/链接，希望能帮助您入门。

1。在客户端执行计算。

我假设您在单击为统计数据滚动的按钮时正在提交表单；反而。您可以设置按钮单击，以便它调用您在页面上定义的 JavaScript 函数，该函数执行您通常在服务器上执行的相同计算。

Here's a simple example 使用 jQuery 将点击处理程序附加到按钮并更新值。

2。通过 Ajax 执行更新

默认情况下，当您提交表单时，页面会刷新并替换为来自服务器的完整响应。 Ajax 允许您在后台向服务器提交数据，然后从服务器取回数据，您可以使用这些数据更新您的网页，无需刷新。

有关更多信息，您可能需要查看以下链接：

• how to use jQuery ajax calls with node.js 堆栈溢出
• Ajax to refresh a partial view using express and JQuery? 堆栈溢出
• jQuery ajax 和 getJSON 文档