在同一页面上显示结果

Question

我是servlet的新手，我想在单击搜索按钮的同一页面上显示结果，然后结果应该在同一页面上，我怎样才能实现这一目标而不去另一个JSP或者如果我应该在场景后面移动到另一个而没有用户注意到它的另一个页面，我怎么能让它看起来好像它的相同页面上有结果呢。任何光线都受到高度赞赏。

Answer 1

您必须使用javascript从服务器接收搜索结果。这种技术称为ajax。像jquery（或其他许多人）这样的Javascript库可以为您提供很多帮助。

Answer 2

• 您的表单会将搜索字词提交到当前页面，即您可以将表单操作属性设置为空。
• 在您的servlet中检查是否已提交搜索词。如果是这种情况，请执行搜索功能并将结果写入响应。

Answer 3

您没有提到数据的来源，但这在此问题中并不重要。数据可以来自DOM storage的本地变量，也可以使用AJAX提供给您。但是这里有一个在textarea元素中设置文本数据的例子（几乎无限制地格式化你想要的东西，这只是一个例子）。以这种方式动态更改当前页面意味着您无需导航到另一个页面。

它的工作原理是使用document.getElementById

获取元素的名称（在本例中为“data”）

然后我们将元素的内容值设置为您的数据，并显示在textarea中。

HTML

<input type="text"></input>
<div>
    <textarea id="data"></textarea>
</div>

的Javascript

var data = "Here is your data that was returned from your source";

document.getElementById("data").value = data;

在jsfiddle

上