• 防止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

  • 相关阅读:
    C++中的结构体
    C++转换
    C++常见问题解答
    hdu 1491
    hdu 1253
    [恢]hdu 2529
    [恢]hdu 2539
    hdu 1708
    [恢]hdu 2512
    [恢]hdu 2401
  • 原文地址:https://www.cnblogs.com/mengor/p/9341703.html
Copyright © 2020-2023  润新知