Javascript 如何仅在收到服务器的回复消息后显示DIV？

我只想在从服务器得到响应后才显示特定的DIV

我想做的是，为我的用户提供密码恢复功能。我得到了他们注册的电子邮件ID，然后用我的数据库检查了一下。如果它存在于我的数据库中，我会在div内发送一条消息，说明密码已发送到您的邮件ID。如果它是未注册的电子邮件ID，我会发送另一条消息，说明电子邮件ID未注册

这是我的两个部门：

DIV获取我的用户电子邮件ID

<div  id="fgpass" >
                  
                    <div id="newpass">
                        <div style="position: absolute;top: 10%;left: 10%;">
                            <center><h2>PASSWORD RECOVERY</h2></center>
                            <h4> Enter Your Registered</h4> 
                        
                      
                  <h4>E-Mail Address :</h4>
                        
                    <f:view>
                        <h:form>
                         <center>
                             <h:inputText id="cmailid" required="true" value="#{forgotPass.mailid}"/>
                             <h:commandButton value="Submit"   action="#{forgotPass.fpass}">

                            </h:commandButton>
                            
                           
                    
                         </center>
                   
                   </div>
                    </div>
                             
                            </h:form>
                </div>
                          
            </div>

---

我的问题是，每当页面加载或重新加载时，msg DIV总是在屏幕上可见。我希望它只有在从我的服务器得到响应时才可见。有任何JQUERY、JAVASCRIPT或简单CSS方法可以做到这一点吗？

当页面加载时，您需要隐藏div。向

#msg

添加额外样式即可

#msg
{
    display: none;
}

如果您使用AAJAX从服务器获取响应，那么您可以使用以下代码

$("#msg").show();

---

在ajax请求的成功回调函数中

使用jquery函数，您可以

$(document).ready(function(){
    $("#msg").hide();

    // later after ajax?

    $.ajax(url).success (function(data) {
      $("#msg").show();
      return false;
    });
});

var unhide_div=document.getElementById（'mydiv'）；
取消隐藏_div.style.visibility=‘可见’；

---

如果检查了电子邮件，您的邮件将显示在此处

您使用的是哪个jsf版本？如果是2版或更高版本，请使用内置的ajax框架。否则，您可以使用ajax4jsf。使用jquery发送ajax请求是个坏主意。@johny我正在使用jsf，通过访问forgotPass.finalresult类，然后尝试在div中显示该类来获得结果。。。。

$("#msg").show();

$(document).ready(function(){
    $("#msg").hide();

    // later after ajax?

    $.ajax(url).success (function(data) {
      $("#msg").show();
      return false;
    });
});

<form method='post' action='#'>
    <input type='text' name='email' placeholder="person@example.com">
    <input type='submit' name="send" value='submit'>
</form>
<?php 
//connect you database here
//after user submits the email check if the email exits

$sql = 'select * from yourtable where email='.$_POST['email'];
$res = mysql_query($sql);
if(mysql_count_rows($res)==1){
  ?>
  <script>
        var unhide_div = document.getElementById('mydiv');
        unhide_div.style.visibility = 'visible';

  </script>

  <?php 

  }else{
      die('Email verification failed!!!');
      }
?>