基本Javascript创建XMLHTTPRequest发送Ajax请求
2010-12-14 01:59
671 查看
Ajax的最基本写法
<script language="javascript" type="text/javascript">
//创建XMLHttpRequest
function createXmlGttpRequest(){
if(window.ActiveXObject){//IE浏览器
return new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){//非IE浏览器
return new XMLHttpRequest();
}
}
//发送请求
var xmlHttpRequest;//声明XMLHttpRequest对象
function toSendRequest(){
xmlHttpRequest=createXmlGttpRequest();
xmlHttpRequest.onreadystatechange=callbackFun;//设置回调函数,当xmlHttpRequest对象的状态改变时调用callbackFun这个函数
//初始化XMLHttpRequest组件;第三个参数表示同步(false)or异步(true),异步表示调用send方法发送请求后不用等待请求响应继续执行后面的Javascript代码。
xmlHttpRequest.open("GET","Ajax.ashx?name=name1&pass=pass1",true);
xmlHttpRequest.send(null);//发送请求
}
//回调函数
function callbackFun(){
//readyState共有5中状态,0未初始化,1已初始化,2发送请求,3开始接收结果,4接收结果完毕。
//status服务器响应状态码。
if(xmlHttpRequest.readyState==4 && xmlHttpRequest.status==200){
alert(xmlHttpRequest.responseText);
}else{
//出现异常
}
}
</script>
<script language="javascript" type="text/javascript">
//创建XMLHttpRequest
function createXmlGttpRequest(){
if(window.ActiveXObject){//IE浏览器
return new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){//非IE浏览器
return new XMLHttpRequest();
}
}
//发送请求
var xmlHttpRequest;//声明XMLHttpRequest对象
function toSendRequest(){
xmlHttpRequest=createXmlGttpRequest();
xmlHttpRequest.onreadystatechange=callbackFun;//设置回调函数,当xmlHttpRequest对象的状态改变时调用callbackFun这个函数
//初始化XMLHttpRequest组件;第三个参数表示同步(false)or异步(true),异步表示调用send方法发送请求后不用等待请求响应继续执行后面的Javascript代码。
xmlHttpRequest.open("GET","Ajax.ashx?name=name1&pass=pass1",true);
xmlHttpRequest.send(null);//发送请求
}
//回调函数
function callbackFun(){
//readyState共有5中状态,0未初始化,1已初始化,2发送请求,3开始接收结果,4接收结果完毕。
//status服务器响应状态码。
if(xmlHttpRequest.readyState==4 && xmlHttpRequest.status==200){
alert(xmlHttpRequest.responseText);
}else{
//出现异常
}
}
</script>
相关文章推荐
- 使用JavaScript的XMLHttpRequest发送请求
- 使用JavaScript的XMLHttpRequest发送请求(转载)
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- XMLHttpRequest对象发送请求的基本步骤
- 使用JavaScript的XMLHttpRequest发送请求
- 使用JavaScript的XMLHttpRequest发送请求
- 创建XMLHttpRequest对象并向服务器发送请求的方法
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- 使用XMLHttpRequest发送Ajax请求
- ajax中基本兼容各浏览器的XMLHttpRequest的创建
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- 使用JavaScript的XMLHttpRequest发送POST、GET请求以及接收返回值
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- 使用JavaScript的XMLHttpRequest发送请求
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求 在 Web 请求中使用 XMLHttpRequest
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- 使用JavaScript的XMLHttpRequest发送请求
- NET中用JavaScript来创建XMLHttpRequest 的Ajax开发介绍
- Ajax核心XMLHttpRequest对象、(发送请求、接收)方法和属性介绍、AJAX开发框架、数据格式提要(XML、JSON、HTML)
- Ajax漫步(三)用XMLHttpRequest 发送请求