标签:send 请求 div url ready col null 状态 hang
第一步:创建XMLHttpRequest对象
var xmlhttp;
//兼容性
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
else
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
代码解释:
- 首先创建一个作为 XMLHttpRequest 对象使用的 XMLHttp 变量。把它的值设置为 null。
- 然后测试 window.XMLHttpRequest 对象是否可用。在新版本的 Firefox, Mozilla, Opera 以及 Safari 浏览器中,该对象是可用的。
- 如果可用,则用它创建一个新对象:XMLHttp=new XMLHttpRequest()
- 如果不可用,则检测 window.ActiveXObject 是否可用。在 Internet Explorer version 5.5 及更高的版本中,该对象是可用的。
- 如果可用,使用它来创建一个新对象:XMLHttp=new ActiveXObject()
第二步:确定来自服务器的响应是否XML , async的值
1.如果来自服务器的响应并非 XML,请使用 responseText 属性
··当使用 async=true 时,请规定在响应处于 onreadystatechange 事件中的就绪状态时执行的函数:
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
··当您使用 async=false 时,请不要编写 onreadystatechange 函数 - 把代码放到 send() 语句后面即可:
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
2.如果来自服务器的响应是 XML,而且需要作为 XML 对象进行解析,请使用 responseXML 属性:
xmlDoc=xmlhttp.responseXML;
txt="";
x=xmlDoc.getElementsByTagName("标记");
for (i=0;i<x.length;i++)
{
txt=txt + x[i].childNodes[0].nodeValue + "<br />";
}
document.getElementById("myDiv").innerHTML=txt;
第三步:向服务器发送请求:
xmlhttp.open("GET","test1.txt",true);
xmlhttp.send();
xmlhttp.open("POST","ajax_test.asp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");//请求头应在open和send之间
xmlhttp.send("fname=Bill&lname=Gates");
AJAX基本格式步骤
标签:send 请求 div url ready col null 状态 hang
原文地址:http://www.cnblogs.com/yzhweb/p/7471983.html