首先我要说的是,我来自Meteor背景,其中明确区分了如何创建和调用客户端和服务器端方法,因此我在掌握Express中的工作方式时遇到了一些麻烦。
说完了,我想:
1)编写一个仅存在于服务器上且对客户端隐藏的方法,并将值返回给客户端。
2)从客户端调用所述方法并print / console.log方法的返回值。
例如,如果我有一个带有两个数字的表单的以下html:
<div class="container">
<div class="form-group">
<label>First Number:</label>
<input type="text" name="firstNum">
</div>
<div class="form-group">
<label>Second Number:</label>
<input type="text" name="secondNum">
</div>
<div class="form-group">
<label>Answer:</label>
<input type="text" name="answer">
</div>
<button type="" id="calculate" name="calculate" class="btn btn-default">Calculate</button>
</div>
点击计算后,我希望它将两个数字发送到服务器,添加它们,然后返回&#34;答案&#34;文本框。
有人可以给我一些关于如何操作的一般指导,或者指导我如何操作教程吗?
谢谢。
答案 0 :(得分:1)
你可以设置一个POST路由,提供2个号码,服务器然后在响应正文中回答答案。
网站上有routing in express指南,您可以使用AJAX或Fetch触发2个数字,解析服务器上的正文以获取这些数字,执行操作,然后返回答案中的答案。在客户端上获得响应后,请更新UI。