Ajax核心技术代码分享_AJAX相关教程-查字典教程网
Ajax核心技术代码分享
Ajax核心技术代码分享
发布时间:2016-12-29 来源:查字典编辑
摘要:复制代码代码如下:varxhr='';functionAjax(){if(window.XMLHttpRequest){varxhr=new...

复制代码 代码如下:

<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相关学习
    编程开发子分类