原生js实现ajax用于简单的签到或登录
2015-08-21 07:36
821 查看
<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/
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/
相关文章推荐
- JSP缓存问题导致页面显示不全
- 每日五题(jsp)
- JavaScript parser
- 转载翻译文章:JavaScript Module Pattern: In-Dept
- 纯javascript实现图片延时加载方法
- 情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)
- JavaScript实现将数组数据添加到Select下拉框的方法
- js实现不提交表单获取单选按钮值的方法
- JavaScript实现为input与textarea自定义hover,focus效果的方法
- JS实现表单中checkbox对勾选中增加边框显示效果
- JS打字效果的动态菜单代码分享
- js实现select跳转菜单新窗口效果代码分享(超简单)
- js实现温度计时间样式代码分享
- js+css实现文字散开重组动画特效代码分享
- JavaScript 常见安全漏洞和自动化检测技术
- Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
- js实现点击切换TAB标签实例
- SeaJS之use函数
- js处理浮点运算精度不正确的问题
- js 中 ownerDocument与documentElement的区别