click点击请求$.ajax,如何让它请求一次,关闭后才能再次请求?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

click点击请求$.ajax,如何让它请求一次,关闭后才能再次请求?

2016-06-17 11:47:24 3110 1

仿的是花瓣登录效果,他默认HTML是这样的

<a onclick="app.showSheet('login', {modal: true});return false;" href="#" class="login btn wbtn"><span class="text"> 登录</span></a>

点击登录,会在#page里面加上登录框,

<div class="sheet-overlay" style="opacity: 1;"></div>
<div id="sheet" class="destroy" style="display: block; top: 72px;">
    <div id="sheet_login" class="sheet">
        <div class="head">
            <h2>登录花瓣</h2>
        </div>
        <div class="body">
            <div class="login-connect">
                <h5>使用合作网站帐号登录</h5>
                <div class="connections clearfix"><a href="/oauth/weibo/instant_login/" onClick="return false;" class="weibo login-button">新浪微博</a><a href="/oauth/douban/instant_login/" onClick="return false;" class="douban login-button">豆瓣</a><a href="/oauth/renren/instant_login/" onClick="return false;" class="renren login-button">人人网</a><a href="/oauth/qzone/instant_login/" onClick="return false;" class="qzone login-button">QQ</a></div>
                <p class="less">未注册过花瓣也可以直接登录哦</p>
            </div>
            <div class="login-form">
                <h5>使用注册邮箱登录</h5>
                <form id="auth_form" action="https://huaban.com/auth/" method="post" class="Form FancyForm AuthForm">
                    <ul>
                        <li>
                            <div class="input email">
                                <input id="login_email" name="email" type="text" value="">
                                <label>花瓣注册邮箱</label>
                                <span class="fff"></span></div>
                        </li>
                        <li>
                            <div class="input password">
                                <input id="login_password" name="password" type="password">
                                <label>密码</label>
                                <span class="fff"></span></div>
                        </li>
                    </ul>
                    <div class="non_inputs"><a id="login_btn" href="#" onClick="return false;" class="btn btn18 rbtn"><strong> 登录</strong><span></span></a><a id="reset_password" href="#" onClick="return false;" class="less fr">忘记了密码?</a><a id="back_to_login" href="#" style="display: none;" onClick="return false;" class="less fr">哦,又想起来了!</a></div>
                </form>
                <div id="reset_msg" style="display: none;" class="success"></div>
            </div>
            <div class="clear"></div>
        </div>
        <a href="#" title="关闭" onClick="app.hideSheet();return false;" class="close"></a></div>
</div>

点击关闭后,会删除这个登录框。而且出来的时候是向下拉,关闭的时候是向上收,我把上面代码放在/include/pop-login.php里面

onclick="app.showSheet('login', {modal: true});return false;"

他这样的方式怎么写

$('.login').on('click',function(){
    $.ajax({
        async: false,
        url: "/include/pop-login.php",
        cache: false,
        success: function(html){
            $("#page").append(html);
        }
    });
});
$('#sheet_login .close').live('click',function(){
    $('.sheet-overlay').remove();
    $('#sheet').remove();
});
取消 提交回答
全部回答(1)
  • 落地花开啦
    2019-07-17 19:42:24

    在页面上写了一个隐藏变量,每次ajax触发之前,都清零,ajax执行成功之后,延迟100ms,才给他赋值,然后每次按键的时候,都预先判断这个隐藏变量是否有值。

    0 0
相关问答

1

回答

如何用JS或jQuery 监控/获知 到ajax 请求的产生?? 400 报错

2020-06-09 11:22:31 656浏览量 回答数 1

1

回答

java web ajax快还是请求快。? 400 报错

2020-06-05 13:24:36 301浏览量 回答数 1

1

回答

dwz ajax异步请求返回的json数据有什么用途?? 400 报错

2020-06-04 15:20:09 392浏览量 回答数 1

1

回答

scrapy怎么多次向一个url请求信息,然后获取返回数据? 400 报错

2020-06-03 15:10:25 283浏览量 回答数 1

1

回答

ajax请求一个链接的时候response下显示failed to load r?400报错

2020-06-03 14:59:02 1588浏览量 回答数 1

1

回答

如何用JS或jQuery 监控/获知 到ajax 请求的产生?? 400 报错

2020-05-30 21:03:50 361浏览量 回答数 1

1

回答

jquery ajax 跨域请求后,同步设置会无效,求设置同步的方法

2020-05-28 09:18:27 259浏览量 回答数 1

1

回答

如何用JS或jQuery 监控/获知 到ajax 请求的产生?

2016-07-11 16:55:08 1578浏览量 回答数 1

1

回答

ajax返回的数据里,如何存储?

2016-05-27 09:52:04 2524浏览量 回答数 1

1

回答

如何防止tab选项卡被恶意重复点击造成多次数据请求

2016-05-27 10:15:51 2955浏览量 回答数 1
+关注
落地花开啦
喜欢技术,喜欢努力的人
0
文章
7824
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载