海园帮忙写的JQUERY功能,实现了我们想要的,我觉得有点屌哟~~

简介: 需求就是为了可以在WEB在线更新代码期间,如果执行时间较长的话, 就在提交按钮之后,按钮变为灰色。 同时,一个DIV里每隔两秒刷新输出。 当更新完成之后(检测文档中的关键字串),按钮变为可提交状态~~ ...

需求就是为了可以在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>

目录
相关文章
|
5月前
|
JavaScript
jQuery实现判断li的个数从而实现其他功能
jQuery实现判断li的个数从而实现其他功能
|
5月前
|
JavaScript 前端开发
jQuery第一天---六大功能的简单应用
jQuery第一天---六大功能的简单应用
55 0
|
JSON JavaScript 前端开发
jQuery动画功能和封装原理
jQuery动画功能和封装原理
78 0
|
4月前
|
开发框架 JavaScript 前端开发
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
37 0
|
4月前
|
JavaScript 前端开发 索引
jQuery如何实现一个轮播图左右翻页的功能
jQuery如何实现一个轮播图左右翻页的功能
39 0
|
5月前
|
JavaScript
jQuery最简单的留言功能^-^
jQuery最简单的留言功能^-^
|
11月前
|
JavaScript 前端开发
jQuery点击图片来回切换功能
jQuery点击图片来回切换功能
94 0
jQuery点击图片来回切换功能
|
11月前
|
JavaScript Java
jQuery+Datatables实现表格批量删除功能
jQuery+Datatables实现表格批量删除功能
150 0
|
11月前
|
JavaScript 定位技术
jQuery实现点击图标div循环放大缩小功能
jQuery实现点击图标div循环放大缩小功能
53 0
jQuery实现下拉列表选择条目左右选择功能
jQuery实现下拉列表选择条目左右选择功能