【ajax】ajax基本应用

前端之家收集整理的这篇文章主要介绍了【ajax】ajax基本应用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
XMLHttpRequest对象属性:
onreadystatechange    指定当readyState属性改变时的事件处理句柄
readyState                  返回当前请求的状态
responseBody             将回应信息正文以unsigned byte数组形式返回
responseStream        以ADO Stream对象的形式返回响应信息
responseText             将响应信息作为字符串返回
responseXML           将响应信息格式化为XML Document对象并返回
Status                        返回当前请求的HTTP状态码
statusText                   返回当前请求的响应行状态

XMLHttpRequest方法:
abort                                   取消当前请求
getAllResponseHeaders       获取响应的所有HTTP头
getResponseHeader            从响应的信息中获取指定的HTTP头
open                                    创建一个新的HTTP 请求,并指定此请求的方法,URL以及验证信息(用户名/密码)
send                                    发送请求到HTTP服务器并接受回应
setRequestHeader                 单独指定请求的某个HTTP头

open(method,url,asynchronous[,user][,password])方法:
method                           请求类型,通常为get或post
url                                  请求的URL地址
asynchronous                 请求模式,异步为false,同步true(默认)
user                                请求的用户名,可省略
password                        请求的密码,可省略

readyState 属性值说明:
0 表示XMLHttpRequest 以创建
1 open方法调用
2 send 的方法调用
3 请求已发送,等待接收数据,
4 数据接收完毕

HTTP状态码说明:
200 请求成功相应
202 请求被接受,但处理未完成
400 错误的请求
404 请求资源未找到
500 内部服务器错误


<script language="javascript">
<!--
var xmlhttp;

function getResponse(data){
try{
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");//ie 5.0版本
    }catch(e){
     try{
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");//ie 5.5 版本
     }catch(e){
       try{
         xmlhttp = new XMLHttpRequest();//不支持ActiveX空间的浏览器
       }catch(e){}
     }
    }
var url = "i.PHP?id="+15;
xmlhttp.open("GET",url,false);
//xmlhttp.onreadystatechange = showMessage;//无参数
xmlhttp.onreadystatechange = function(){showMessage(data);};//有参数
xmlhttp.send(); 
}

function showMessage(data){
if(xmlhttp.readyState == 4){
   if(xmlhttp.status == 200){
    document.getElementById("Result").innerHTML = data+"======="+xmlhttp.responseText;
   }else{
    document.getElementById("Result").innerHTMl = "error";
   }
} 
}
-->
</script>
原文链接:https://www.f2er.com/ajax/166402.html

猜你在找的Ajax相关文章