前端之家收集整理的这篇文章主要介绍了
【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