當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
基于原生javascript的ajax实现
生活随笔
收集整理的這篇文章主要介紹了
基于原生javascript的ajax实现
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
function getXMLHttpRequest(){
? ? if(window.ActiveXObject){//用戶是ie瀏覽器
http_request=new ActiveXObject("Microsoft.XMLHTTP");
}else{//其他的瀏覽器
? ? http_request=new XMLHttpRequest();
?}
return http_request;
}
? ? var httpRequest;
? ? function name(){
? ?httpRequest=getXMLHttpRequest();
? ?var url="鏈接地址";
? ?var date="username="+document.getElementById("username").value;
? ? ? ? ? ? httpRequest.open("post",url,true);
? ? ? ? ? ? httpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
? ?httpRequest.onreadystatechange=chuli();
? ?httpRequest.send(date);
}
function chuli(){
? ?if(httpRequest.status==200){//html來返回數據 XML來返回數據
? ? ? var str=eval("(" +httpRequest.responseText+")");
? ? ? //alert(str.res);
? ? ? if(str.res == ''){
? ? ? ? ?document.getElementById("checkusername").innerHTML="用戶名可用";
? ? ?document.getElementById("checkusername").style.color='#323232';
? ? ? }else{
? ? ?document.getElementById("checkusername").innerHTML="用戶名存在<a href='user/tologin.html'>點擊登錄</a>";
? ? ? ? ?document.getElementById("checkusername").style.color='#323232';
? ? ? ? ?document.getElementById("username").value='';
? ? ? }
? ?}
}
? ? if(window.ActiveXObject){//用戶是ie瀏覽器
http_request=new ActiveXObject("Microsoft.XMLHTTP");
}else{//其他的瀏覽器
? ? http_request=new XMLHttpRequest();
?}
return http_request;
}
? ? var httpRequest;
? ? function name(){
? ?httpRequest=getXMLHttpRequest();
? ?var url="鏈接地址";
? ?var date="username="+document.getElementById("username").value;
? ? ? ? ? ? httpRequest.open("post",url,true);
? ? ? ? ? ? httpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
? ?httpRequest.onreadystatechange=chuli();
? ?httpRequest.send(date);
}
function chuli(){
? ?if(httpRequest.status==200){//html來返回數據 XML來返回數據
? ? ? var str=eval("(" +httpRequest.responseText+")");
? ? ? //alert(str.res);
? ? ? if(str.res == ''){
? ? ? ? ?document.getElementById("checkusername").innerHTML="用戶名可用";
? ? ?document.getElementById("checkusername").style.color='#323232';
? ? ? }else{
? ? ?document.getElementById("checkusername").innerHTML="用戶名存在<a href='user/tologin.html'>點擊登錄</a>";
? ? ? ? ?document.getElementById("checkusername").style.color='#323232';
? ? ? ? ?document.getElementById("username").value='';
? ? ? }
? ?}
}
總結
以上是生活随笔為你收集整理的基于原生javascript的ajax实现的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Skype国际版下载地址(非Tom版)
- 下一篇: shiro学习(1):shiro简介