zoukankan      html  css  js  c++  java
  • 防止ajax重复请求

    在留言,评论回复时,或者下载加载更多,容易出现多次请求接口的情况

     <!DOCTYPE html>
    <html>
        <head>
            <title></title>
            <meta charset="utf-8">
        </head>
        <body>
            <input type="button" id="btnTest" value="测试"/>
            <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
            <script>
                 lock=false;
                $('#btnTest').click(function() {
                    if(lock){
                        console.log('wait');
                        return;
                    }
                    lock=true;
                    this.ajaxRequest_ = $.ajax({
                        type: "POST",
                        url: "index.php",
                        success: function(msg) {
                            lock=false;
                            console.log(msg);
                        },
                        error: function(msg){
                            lock=false;
                            console.log(msg);
                        }
                    })
                });
            </script>
        </body>
    </html>
    <!DOCTYPE html>
    <html>
        <head>
            <title></title>
            <meta charset="utf-8">
        </head>
        <body>
            <input type="button" id="btnTest" value="测试"/>
            <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
            <script>
                $('#btnTest').click(function() {
                    if (this.ajaxRequest_ != undefined && this.ajaxRequest_.readyState < 4) {
                        console.log('wait');
                        return false;
                    }
                    this.ajaxRequest_ = $.ajax({
                        type: "POST",
                        url: "index.php",
                        success: function(msg) {
                            console.log(msg);
                        }
                    })
                });
            </script>
        </body>
    </html>
    <?php
    sleep(5);
    echo 123;

    参考地址   https://blog.csdn.net/Crystalqy/article/details/79078741

  • 相关阅读:
    Linux and the Unix Philosophy(6)
    在docker环境下部署kafka集群
    Docker学习笔记1-docker介绍及安装
    nginx安装
    centos7下NFS配置
    搭建kafka集群
    nexus开机启动
    java跨库事务Atomikos
    mongodb数据库还原
    Linux下运行jar
  • 原文地址:https://www.cnblogs.com/mengor/p/9341703.html
Copyright © 2011-2022 走看看