Question

我必须做一件简单的事，但我真的不知道该怎么做。

我必须制作一个jsp页面，你必须插入10个数字，然后点击一个按钮＆＃34;添加＆＃34;这将在同一页面的div上打印所有十个数字。

<form>
    <input type="number" name="number">
    <input type="number" name="number">
    <input type="number" name="number">
    <input type="number" name="number">
    <input type="number" name="number">
    <input type="number" name="number">
    <input type="number" name="number">
    <input type="number" name="number">
    <input type="number" name="number">
    <input type="number" name="number">
</form>

<button>Add</button>

<div>Your numbers are: </div>
<div> <here will appear the ten numbers> </div>

Answer 1

jsp是服务器上执行的东西。如果要更改页面内容，则必须向服务器发送正确的信息并等待服务器响应。在客户端收到服务器的响应后，您可以向最终用户显示输出。实际上你可以做两件事：

刷新整个页面，即将所有数字发送到servlet或执行重定向到相同页面的jsp页面，除了显示总和的div（在google上查找jsp / servlet GET / POST请求）
使用Ajax并执行相同的操作，但只刷新页面的一部分（在您的情况下显示总和的div，您可以找到关于ajax的非常简单的教程）

还有第三种方式，我选择的方式：使用javascript并且根本不涉及jsp，使用javascript可以满足您的所有要求而无需调用服务器，这意味着您的计算速度会更快。

Answer 2

你可以试试这个：

添加

<div>Your numbers are: </div>
<div id="printedVal">
  <here will appear the ten numbers>
</div>


 $("#clicktoAdd").click(function() {
      var elem = '';
      $("input").each(function(i, el) {
        if (elem != undefined) {
          elem = elem + ',' + $(this).val();
        }
        $('#printedVal').text(elem.substring(1));
      });
    });

希望这对你有所帮助。

JSP插入编号并在单击按钮后显示在页面上

2 个答案: