需求就是为了可以在WEB在线更新代码期间,如果执行时间较长的话,
就在提交按钮之后,按钮变为灰色。
同时,一个DIV里每隔两秒刷新输出。
当更新完成之后(检测文档中的关键字串),按钮变为可提交状态~~
<form action="{{ url_for('update_svn_java') }}" method=post class="am-form am-form-horizontal" id = "update_svn_java"> <div class="am-form-group"> <div class="am-u-sm-9 am-u-sm-push-3"> <button type="submit" class="am-btn am-btn-primary" id="submitbtn">提交更新</button> </div> </div> </form> </div> </div> </div> <script> $(function(){ var text = "balabala"; //要查询的字符串*/ var demo = $("#demo"); if($("div.flash").length){ $("#submitbtn")[0].disabled=true; function p(){ window.setTimeout(function(){ $.get("/update_output", function(result){ if(result.indexOf(text)<0){ demo.html(result); p(); }else{ demo.html(result); $("#submitbtn")[0].disabled=false; } }); },2000); }(p()); } }); </script> <div id="div1"><h2>使用 jQuery修改输出更新记录</h2></div> <div id='demo' style="overflow: auto; height: 245px;"></div>