javascript - jsp如何在模态对话框中显示 “no results found”

标签 javascript twitter-bootstrap jsp jquery-ui

问题: 我有一个这样的jsp页面

<form action="MyServlet" method="post" >
      <input type="text" name="word1" >
      <input type="text" name="word2" >
      <input type="text" name="word3" >
      <button type="submit" name="search">Submit</button>
</form>

<table class="table table-bordered">
       <thead>
          <tr>
              <th>word1</th>
              <th>word2</th>
              <th>word3</th>
          </tr>
       </thead>
       <tbody>                                      
              <c:forEach items="${words}" var="word">
                 <tr>
                     <td><c:out value="${word.word1}"/></td>
                     <td><c:out value="${word.word2}"/></td>
                     <td><c:out value="${word.word3}"/></td>
                 </tr>
              </c:forEach>
       </tbody>
  </table>

这个 MyServlet 类:

String word1 = request.getParameter("word1");
String word2 = request.getParameter("word2");
String word3 = request.getParameter("word3");
SearchClass searchClass = new SearchClass();
String search = request.getParameter("search");

if(search !=null) {
  List<Words> words = searchClass.search(word1, word2, word3);
  request.getSession().setAttribute("words", words);
  response.sendRedirect("words.jsp");
}

当我点击“提交”时,搜索这 3 个单词,如果找到,则重定向到包含表单的同一页面。 但如果没有找到,我想显示模式对话框,告诉 --- 没有找到结果 --- 如何实现这样的对话框?

我尝试使用 Bootstrap 模式,但它需要数据目标!

最佳答案

您可以使用<c:choose>女巫等于a switch statement .

说明

检查是否 words为空 test="${empty words}"并打印您的消息,否则显示 table与结果。

代码

<c:choose>
    <c:when test="${empty words}">
      <p>no results found</p>
    </c:when>
    <c:otherwise>
        <table>
          // ...
        </table>
    </c:otherwise>
</c:choose>

关于javascript - jsp如何在模态对话框中显示 “no results found”,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45772927/

相关文章:

javascript - 在 NExtJS 5 中渲染后以编程方式设置所选记录

javascript - 如何使用 javascript 替换以前的 URL 参数?

html - Bootstrap 自定义导航栏折叠按钮未显示

图像未加载到部署在 webapps ROOT 文件夹内的 jsp 中

Javascript 代码未按顺序执行

javascript - 将 .CSS 文件导入 ionic 2 应用程序

javascript - javascript 在刷新页面之前无法正常工作

html - 响应图像 slider 不工作

css - 用于在 Twitter 中生成列类的 LESS 循环——它们是如何工作的?

javascript - 为什么 `onclick()`在表单提交之前被调用?