Ajax核心技术代码分享

小鱼们欢快的闹腾起来,有的甩动着尾巴,有的吐着泡泡,有的扭动着身体,互相追玩,好不热闹。春天来了!你看,融化的冰水把小溪弄醒了。 "丁粳、丁粳 ",它就像大自然的神奇歌手,唱着清脆悦耳的歌,向前奔流……


<script>
var xhr = '';
function Ajax()
{
if(window.XMLHttpRequest)
{
var xhr = new XMLHttpRequest;//现代浏览器
}else
{
var xhr = new ActiveXObject('Microsoft.XMLHTTP');//IE
}
}
Ajax();//1.获取Ajax对象

xhr.onreadystatechange = function()
{
if(xhr.readyState == 4 && xhr.status == 200)
{
var data = xhr.responseText;//2.判断状态,接收数据(字符串形式),后续操作
}
}

//xhr.open('请求方式', '请求地址', TRUE);//3.异步传输连接
//xhr.send([data]);//4.发送请求

xhr.open('GET', 'demo.php?name=weichen&sex=0', TRUE);
xhr.send(); /*
xhr.open('POST', 'demo.php', TRUE);
xhr.setResponseHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('name=weichen&sex=0');
*/

XHR对象中的成员属性和成员方法


{

成员属性:
status         服务器响应的HTTP状态码(如200或404)
statusText       服务器响应的以字符串形式返回的HTTP状态码(ok或not found)
readyState       浏览器请求的状态码(0到4)
responseText     服务器响应的字符串格式的数据结果
responseXML     服务器响应的XML格式的数据结果
onreadystatechange Ajax的请求事件(当readystate改变时调用的事件处理函数)
onerror        请求过程中发生错误时调用的Mozilla的事件处理函数
onprogress      内容加载后调用的mozilla的事件处理函数
onload        文档加载完毕后调用的mozilla的事件处理函数
成员方法:
setRequestHeader();       设置当前请求的header头信息(为即将发送到服务器端的消息头增加一个键/值对)
open();              建立一个新的请求连接(用GET、POST、URL等初始化XHR对象)
send();              发送一个请求(可能需要发送的数据)
getResponseHeader("server");  返回指定的HTTP头的值(如server或last-modified)
getAllResponseHeaser();     返回由换行符分割开的所有HTTP头的字符串
absort();             终止请求

}

本文Ajax核心技术代码分享到此结束。牢记所得到的,忘记所付出的。小编再次感谢大家对我们的支持!

标签: 核心技术 Ajax