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

时间:2011-09-09 06:16:55

标签: ajax node.js express

Quick Express.js提问。在过去的几天里,我一直在构建一个简单的RPG角色表应用程序,以便在节点,快速和网络编程方面让我感觉很好。无论如何,我被困在一些我怀疑很简单的东西上,但我还没有找到答案。基本上我有一个构建的表单,其中包含stat值,所以让我们说x,y,z。好吧,然后我有一个按钮来滚动其中一个统计数据,基本上滚动骰子并添加x,y或z取决于并返回值。好吧,我所能坚持的一切正常工作是弄清楚如何在不清除表格的其余部分的情况下刷新单个输入文本框,特别是当我返回di roll时我想在输入中输入该值'结果'文本框但保持值在x,y,z中保持静态。

我尝试了一些不同的东西,例如将结果文本框放在它自己的部分上并渲染部分但然后删除页面的其余部分(仅渲染部分)我可以渲染整个索引并将结果输出到填充但擦除x,y,z的其余值。

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

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

谢谢, 标志

1 个答案:

答案 0 :(得分:3)

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

以下是一些更多细节和一些示例/链接,希望能帮助您入门。

1。在客户端执行计算。

我假设您在点击按钮按下统计数据时正在提交表单;代替。您可以设置按钮单击,以便它调用您在页面上定义的JavaScript函数,该函数执行您通常在服务器上执行的相同计算。

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

2。通过Ajax

执行更新

默认情况下,当您提交表单时,页面将刷新并替换为服务器的完整响应。 Ajax允许您在后台向服务器提交数据,然后从服务器获取数据,您可以使用它来更新您的网页,而无需刷新。< / p>

有关详细信息,您可以查看以下链接: