按照说明中止 Ajax 调用并在 JSP 中显示 else 块

Question

我不熟悉编码和快速学习。我这里有一个情况，我需要这里专家的一些建议。

所以我有一个类似的jsp：

if(something){
    //render content from js file here through ajax call
}else{
    //java code here
}

在一个单独的 js 文件中，如果满足 if 条件，我正在执行 ajax 调用并呈现内容。否则我需要显示 else 块。在 ajax 调用中，在某些情况下我会得到一个错误（例如：在 JSON 中解析的文件在服务器中不可用，这将在错误中返回）。所以我需要在jsp文件中显示else块。

JS：

 $.ajax({
    type: "GET",
    url: url1.trim(),
    dataType: "json",
    success: function(data) {
     // render content in if block with some HTML
    },
    error: function(xhr,status) {
      //abort the ajax call here and show the else block in jsp code
    }
   });

请任何人提供如何解决这种情况。我还处于学习阶段。我在这里唯一能想到的就是中止ajax调用并转到jsp中的else块。有没有更好的方法来解决这个问题？如果不是，我们怎么能在jsp中去else块。非常感谢任何帮助或建议。

提前致谢。请让我知道是否需要详细说明这个问题。我会尝试解释它缺少什么？

Answer 1

您可以将 JSTL EL 用于您的 jsp 文件。

<c:choose>
  <c:when test="${condition1}">
  <script>...</script> //js script to execute
  </c:when>
  <c:otherwise>
    //java code here
  </c:otherwise>
</c:choose>

Answer 2

如何在隐藏的 div 中显示“其他”内容。然后，当条件为 false 或 ajax 调用返回错误时，您将显示该 div。

<script>
    $(function() {
        <c:choose>
            <c:when test="${something}">
                $('#waitDiv').show();
                $.ajax({
                    type: "GET",
                    url: url1.trim(),
                    dataType: "json",
                    success: function(data) {
                        $('#contentDiv').html(data).show();
                    },
                    error: function(xhr, status) {
                        $('#contentDiv').show();
                    },
                    complete: function() {
                        $('#waitDiv').hide();
                    }
                });
            </c:when>
            <c:otherwise>
                $('#contentDiv').show();
            </c:otherwise>
        </c:choose>
    });
</script>

<div id="waitDiv" style="display: none;">
Please wait.
</div>

<div id="contentDiv" style="display: none;">
This is the content to display when the condition is false
or the ajax call fails. This content will get replaced if
the ajax call succeeds.
</div>

最初contentDiv 是隐藏的，但如果条件为假，它将在页面就绪处理程序执行后立即显示。

如果条件为真，则显示waitDiv 并进行ajax 调用。如果ajax调用成功，返回的内容放在contentDiv中，并显示contentDiv。如果 ajax 调用失败，contentDiv 会显示“else”内容。在任何一种情况下，waitDiv 都是隐藏的。

注意：当 ajax 调用返回错误时，您不会中止它。 ajax 调用完成，只是没有成功。