Ajax通讯原理XMLHttpRequest-巨人网络通讯

显然AJax就是利用JavaScript脚本访问数据的一种技术。
AJAX 使网页实现异步更新。这就是在不重新加载整个网页的情况下，对网页进行局部更新。
XMLHttpRequest 是 AJAX 的关键
现在浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。
向后台请求数据readyState有五个状态0：服务器未初始化，1：服务器连接已建立，2请求已接受收，3请求处理中，4请求完成。
每改变一次状态都好触发一次onreadystatechange 事件，status有两个状态：200：“OK”，404：“未找到页面”
下面看一段Ajax前台实现代码：

复制代码代码如下:

 
html xmlns="http://www.w3.org/1999/xhtml"> 
head runat="server"> 
title>无标题页/title> 
script type="text/javascript"> 
function getName(){ 
var xmlhttp; 
if(window.XMLHttpRequest){ 
xmlhttp=new XMLHttpRequest(); 
}else{ 
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
} 
xmlhttp.onreadystatechange=function(){ 
if(xmlhttp.readyState==4  xmlhttp.status==200){ 
alert("你好："+xmlhttp.responseText); 
} 
} 
xmlhttp.open("post","Default.aspx?id=gname",true); 
xmlhttp.send(); 
} 
/script> 
/head> 
body> 
form id="form1" runat="server"> 
div> input id="Button1" type="button" value="button" onclick="getName()" />/p> 
nbsp;/div> 
/form> 
/body> 
/html> 

后台代码：

复制代码代码如下:

 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (Request["id"]!=null) 
{ 
Response.Write("张三"); 
Response.End(); 
} 
} 

执行结果：如下图

下载附件代码下一次我们看看Jquery是怎么异步请求数据的

您可能感兴趣的文章:

Ajax xmlHttpRequest的status的值的含义
AJAX中同时发送多个请求XMLHttpRequest对象处理方法
解析ajax核心XMLHTTPRequest对象的创建与浏览器的兼容问题
如何用ajax来创建一个XMLHttpRequest对象
ajax 入门基础之 XMLHttpRequest对象总结
AJAX入门之XMLHttpRequest慨述
Ajax核心XMLHttpRequest总结
AJAX(XMLHttpRequest.status)状态码
XMLHttpRequest对象_Ajax异步请求重点(推荐)
AJAX XMLHttpRequest对象详解
不使用XMLHttpRequest对象实现Ajax效果的方法小结

标签：延边鹰潭张掖儋州铜陵益阳平凉阿拉善盟

巨人网络通讯声明：本文标题《Ajax通讯原理XMLHttpRequest》，本文关键词 Ajax,通讯,原理,XMLHttpRequest,；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。