Ajax通讯原理XMLHttpRequest

2016-02-19 10:07 21 1 收藏

想要天天向上,就要懂得享受学习。图老师为大家推荐Ajax通讯原理XMLHttpRequest,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - Web开发 】

显然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
 /div
/form
/body
/html

后台代码:
代码如下:

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

执行结果:如下图

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)下载附件代码 下一次我们看看Jquery是怎么异步请求数据的

来源:https://www.tulaoshi.com/n/20160219/1593466.html

延伸阅读
标签: Web开发
在CommunityServer中运用了自己的AJAX机制,没有借助其他的辅助控件。其中客户的XMLHttpRequest对象的封装,就足以让人大饱眼福,在一般的浏览器其都能够运行AJAX。下面我们来学习学习这个咚咚,希望能给更多的人带来帮助。  首先当然是要了解一下浏览器中的XMLHttp对象了:  XMLHTTP方法:       ...
  一、 引言 在XMLHttpRequest对象和AJAX给用户和开发者带给巨大好处的同时,也许还有一些问题你没有考虑到-但是的确到了值得引起每个人注意的时候了。 甚至非常讨厌的人也都喜欢XMLHttpRequest,因为它提供给程序员真正梦想的功能。也正是因为有了这样的新技术,Web应用软件开始变得具有象桌面应用软件相似的行为。如...
标签: Web开发
     当前ajax技术作为web2.0的技术主体,已经是非常流行了。现在的很多网站都已做ajax为时尚,因为它的页面响应速度快,用户体验高啊,每次转换页面几乎就是不刷新。那么是什么东西使这ajax的响应这么快呢?是XMLHTTPRequest对象。XMLHTTPRequest对象是ajax技术的核心,没有XMLHTTPRequest对象就相当于没有ajax,它是最重...
标签: Web开发
xmlHttpRequest对象的status代表当前http请求的状态,是一个长整型数据,现在介绍一下它的含义。 http请求状态及其含义表 1xx - 信息提示 100 - 初始的请求已经接受,客户应当继续发送请求的其余部分。(HTTP 1.1新) 101 - 服务器将遵从客户的请求转换到另外一种协议。(HTTP 1.1新) 2xx - 成功 200 - OK 一切正常,对GET和POST请求的...
标签: Web开发
ajax所包含的技术 大家都知道ajax并非一种新的技术,而是几种原有技术的结合体。它由下列技术组合而成。 1.使用CSS和XHTML来表示。 2. 使用DOM模型来交互和动态显示。 3.使用XMLHttpRequest来和服务器进行异步通信。 4.使用javascript来绑定和调用。 在上面几中技术中,除了XmlHttpRequest对象以外,其它所有的技术都是基于web标准并且...

经验教程

339

收藏

81
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部