小试ajax添加与取消监听事件

最新推荐文章于 2023-01-19 10:05:47 发布

自由自在梦在何方

最新推荐文章于 2023-01-19 10:05:47 发布

阅读量832

点赞数

分类专栏： python及shell

本文链接：https://blog.csdn.net/lifestxx/article/details/78548550

版权

python及shell 专栏收录该内容

84 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
    <script type="text/javascript" src="static/js/jquery.js"></script>
    <script type="text/javascript">
    var pageTimers = {} ;
    function hello(){
            var html = $.ajax({
               type: "GET",
               url: "test?t="+( new Date() ).getTime().toString(),
               async: false
            }).responseText;
            $("#testDiv").html(html.replace(/\n/g,"<br>"));
         }

    $(function(){
        //按钮单击时执行
        $("#removeAjax").click(function(){
              //取Ajax返回结果
              alert("OK")
             <!--window.clearInterval(timer1)-->
             for(var each in pageTimers){
                     clearInterval(pageTimers[each]);
             }
            pageTimers={}
         });
    });
    $(function(){
        //按钮单击时执行
        $("#addAjax").click(function(){
              //取Ajax返回结果
              alert("OK")
              console.log(pageTimers)
              count=0;
              for(o in pageTimers){
                     count++;
              }
              if(count==0){
                    a= window.setInterval(hello,1000);
                     pageTimers[a]=a;
             }
         });
    });
    </script>
</head>
<body>
<div id="testDiv"><h2>测试AJAX改变文本</h2></div>
<button id="addAjax" type="button">添加Ajax</button>
<button id="removeAjax" type="button">移除Ajax</button>
</body>
</html>

自由自在梦在何方

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
小试ajax添加与取消监听事件

HTML>html>head> script type="text/javascript" src="static/js/jquery.js">script> script type="text/javascript"> var pageTimers = {} ; function hello(){ var html = $.ajax({
复制链接

扫一扫

专栏目录