jquery如何显示隐藏的div

写入数据库成功后自动触发事件,显示隐藏的“恭喜,提交成功”提示层,否则,显示“很遗憾,提交失败”的div提示层。

那你写如数据成功后应该给前端返回一个成功的标志比如:1,不成功为:0。

前端根据返回的内容处理就好了:

css:

.success, .error{ display: none;}

html:

<div class="success">恭喜,提交成功!</div>
<div class="error">很遗憾,提交失败!</div>

js:

<script>
  showInfo(1);
  function showInfo(data){
    if (data == 1) {
        $('.success').css('display', 'block').siblings('.error').css('display', 'none');
    }else{
        $('.success').css('display', 'none').siblings('.error').css('display', 'block');
    };
  }
  </script>

追问

谢谢,你回答的很详细,我还不明白的地方就是给前端返回标志的时候,是怎么操作的,比如用asp来写,在数据写入库之后再这样操作吗

追答

我不知道你们是主动推给前端还是前端请求数据,你们把数据处理完后直接返回信息。如果是后者,那一般都用ajax来请求,然后你把内容处理完之后给前端返回内容就行了啊。前后端约定好数据格式。

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-12-05

    楼主还需要了解jquery+json+ajax,通过在脚本中判断json封装的返回标志,有选择的跳出弹出框。

    除此以外楼主还需要灵活设计弹出框,这涉及到CSS中z-index的应用

第2个回答  2013-12-05
<div id="msgBox"></div>
$("#msgBox").show() ;//显示
$("#msgBox").hide();//隐藏追问

如asp写入库,是不是这样:

$("#msgBox").show()

$("#msgBox2").show()

相似回答