• 原生js实现ajax用于简单的签到或登录


    <script>
    function createStandardXHR() {
        try {
            return new window.XMLHttpRequest();
        } catch( e ) {}
    }
    function createActiveXHR() {
        try {
            return new window.ActiveXObject( "Microsoft.XMLHTTP" );
        } catch( e ) {}
    }
    function getXhr() {
        var xhr = window.ActiveXObject !== undefined ?
        // Support: IE6+
        function() {
            return createStandardXHR() || createActiveXHR();
        } :
        // For all other browsers, use the standard XMLHttpRequest object
        createStandardXHR;
        return xhr;
    }
    function get(url, callback){ 
        var req = getXhr()();
        if(req){ 
            req.open("GET", url, true); 
            req.onreadystatechange = function(){ 
                if(req.readyState == 4){ 
                    if(req.status == 200){ 
                        callback(req.responseText);
                    }else{ 
                        alert("error"); 
                    } 
                } 
            } 
            req.send(null); 
        } 
    }
        !(function(win, document){
            var ipt_email = document.getElementById('ipt_email');
            ipt_email.onfocus = function(){
                this.value = '';
            };
            var ipt_sub = document.getElementById('ipt_sub');
            var tot_email = document.getElementById('tot_email');
            ipt_sub.onclick = function(){
                var val = ipt_email.value;
                if(/w/.test(val)){
                    var url = 'index.php?email_prefix=' + val;
                    get(url,function(data){
                        if ('1' === data) {
                            alert('签到成功!欢迎出席搜房十六周年庆典暨扩大管理会议!');
                        } else if ('2' === data) {
                            alert('对不起,您已经签到过!');
                        } else if ('3' === data) {
                            alert("对不起,还未到签到时间,请耐心等待!");
                        } else {
                            alert('对不起,未能匹配到您的信息,请核对邮箱!');
                        }
                    });
                }else{
                    tot_email.getElementsByTagName('p')[0].innerHTML = '请正确输入邮箱地址!';
                }
            };
        })(window, document)
        </script>

    访问地址 http://m.fang.com/public/qd/

  • 相关阅读:
    关于HTML面试题汇总之H5
    HTML5的页面资源预加载技术(Link prefetch)加速页面加载
    linux下搭建SVN服务器完全手册
    HTML5标签学习
    22个HTML5的初级技巧
    h5 audio播放音频文件
    html5适应屏幕的方案
    富文本编辑器的使用
    Array.prototype.filter()
    安装谷歌助手教程
  • 原文地址:https://www.cnblogs.com/ryanlamp/p/4746756.html
Copyright © 2020-2023  润新知