收到响应后如何使用 if/else 语句显示 div

Posted 2023-05-08

【中文标题】收到响应后如何使用 if/else 语句显示 div

【英文标题】：How to show a div with an if/else statement after response is received

【发布时间】：2020-02-15 14:32:05

【问题描述】：

我有一个表格，其中所有问题都分为不同的页面（div），但我正在显示和隐藏页面。当用户从其状态为“已接受”的 api 返回响应时，他们将被重定向到 URL。我想弄清楚如果他们的状态是“拒绝”，如何显示一个 div。

响应如下：

status: "REJECTED", redirectUrl: null, loanID: null, errors: Array(0), rejectReason: "Existing Customer", …

我的 if/elsestatement 看起来像

if(b.status == "ACCEPTED") 
  window.location = b.redirectURL;

else 
  // not sure

我试过下面的方法，但是不行。

document.getElementById('page18').style.visibility = "visible"; 

这是我的表单的结尾部分的样子。

第 17 页是用户在点击提交按钮后登陆的页面，第 18 页是拒绝页面，如果他们收到被拒绝的响应，我希望他们被重定向到。

<!---PAGE 16 -->

<div id="page17" class="pageform">
  <h3 style="text-align: center;">Thank you for your submission!</h3>
  <h4 style="text-align: center;"> Please wait one moment while we process your application.</h4> <br> <br>
  <div class="loading">Loading…</div>
</div>

<!---REJECT PAGE -->

<div id="page18" class="pageform">
  <h3 style="text-align: center;">Sorry, we were unable to fund your request at this time.</h3>
</div>

【问题讨论】：

使用显示样式，而不是可见性样式，例如：document.getElementById('page18').style.display="block";

你试过document.getElementById('page18').style.display='block'

不知道为什么我没有想到这一点。非常感谢，成功了！！！

【参考方案1】：

如果您在 css 中使用以下代码：

visibility: hidden;

在 javascript 中显示你必须使用的 div：

document.getElementById('page18').style.visibility = "visible"; 

但如果您在 css 中使用显示：

display: none;

在javascript中显示你必须使用的这个项目：

document.getElementById('page18').style.display='block';

【讨论】：

我正在使用```可见性：隐藏； ``` 除了将可见性设置为可见之外不起作用。出于某种原因，它通过将显示更改为“块”来工作。谢谢！