`

收藏一个帅气的技术网站

 
阅读更多

很好的技术文章,地址:

http://www.dotneturls.com/gb.aspx

现在转贴一篇:

一、XMLHttpRequest 对象的方法与属性

abort()

停止当前请求

getAllResponseHeaders()

HTTP请求的所有响应首部作为键/值对返回

getResponseHeader("header")

返回指定首部的串值

open("method", "url")

建立对服务器的调用。method参数可以是GETPOSTPUTurl参数可以是相对URL或绝对URL。这个方法还包括3个可选的参数

send(content)

向服务器发送请求

setRequestHeader("header", "value")

把指定首部设置为所提供的值。在设置任何首部之前必须先调用open()


onreadystatechange

每个状态改变时都会触发这个事件处理器,通常会调用一个JavaScript函数

readyState

请求的状态。有5个可取值:0 = 未初始化,1 = 正在加载,2 = 已加载,3 = 交互中,4 = 完成

responseText

服务器的响应,表示为一个串

responseXML

服务器的响应,表示为XML。这个对象可以解析为一个DOM对象

status

服务器的HTTP状态码(200对应OK404对应Not Found(未找到),等等)

statusText

HTTP状态码的相应文本(OKNot Found(未找到)等等)


二、使用XMLHttpRequest 实现ajax效果
这里我们用客户端通过XMLHttpRequest 请求服务端获取当前系统时间,实现异步交互!
客户端myAjax.html代码
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>xmlhttprequestajaxdemo</title>
<scripttype="text/javascript"language="javascript">
varreq;//定义变量,用来创建xmlhttprequest对象
functioncreatReq()//创建xmlhttprequest,ajax开始
{
varurl="ajaxServer.aspx";//要请求的服务端地址
if(window.XMLHttpRequest)//非IE浏览器,用xmlhttprequest对象创建
{
req
=newXMLHttpRequest();
}

elseif(window.ActiveXObject)//IE浏览器用activexobject对象创建
{
req
=newActiveXObject("Microsoft.XMLHttp");
}


if(req)//成功创建xmlhttprequest
{
req.open(
"GET",url,true);//与服务端建立连接(请求方式post或get,地址,true表示异步)
req.onreadystatechange=callback;//指定回调函数
req.send(null);//发送请求
}

}


functioncallback()//回调函数,对服务端的响应处理,监视response状态
{
if(req.readystate==4)//请求状态为4表示成功
{
if(req.status==200)//http状态200表示OK
{
Dispaly();
//所有状态成功,执行此函数,显示数据
}

else//http返回状态失败
{
alert(
"服务端返回状态"+req.statusText);
}

}

else//请求状态还没有成功,页面等待
{
document.getElementById(
"myTime").innerHTML="数据加载中";
}

}


functionDispaly()//接受服务端返回的数据,对其进行显示
{
document.getElementById(
"myTime").innerHTML=req.responseText;
}


</script>
</head>
<body>
<divid="myTime"></div>

<inputid="Button1"type="button"value="GetTime"onclick="creatReq();"/>
</body>
</html>

服务端ajaxServer.aspx代码

publicpartialclassajaxServer:System.Web.UI.Page
{
protectedvoidPage_Load(objectsender,EventArgse)
{
System.Threading.Thread.Sleep(
1000);//为了看到ajax效果,将当前线程延时1000毫秒
Response.Write(DateTime.Now.ToString());//输出当前时间
}

}


分享到:
评论

相关推荐

    (源码)基于前端技术的个人收藏夹与实验室-“前端小屋”.zip

    “前端小屋”是一个集成了多种前端资源的收藏夹和实验室,主要包含学习网站的收藏、前端技术demo的展示以及自定义插件的集结。该项目旨在为前端开发者提供一个便捷的资源平台,分享和积累技术经验。 ## 项目的主要...

    大型网站技术架构_核心原理与案例分析_李智慧PDF高清

    《大型网站技术架构_核心原理与案例分析》是李智慧撰写的一本专著,主要针对Web开发领域的高级架构设计进行深入探讨。这本书旨在帮助读者理解并掌握构建大规模、高性能、高可用性的网站所需的关键技术与实践策略。...

    《P2P技术揭秘P2P网络技术原理与典型系统开发》(管磊 编著)

    《P2P技术揭秘:P2P网络技术原理与典型系统开发》从一个全新的视角向读者展示了从P2P初步入门到应用实践的学习之路。《P2P技术揭秘:P2P网络技术原理与典型系统开发》从理论到实践,从基础到项目,循序渐进地讲解了P2P...

    软件开发技术报告 软件开发技术报告

    在全球定位系统(GPS)的辅助下,我们得以在海洋中航行,陆地上驾驶,甚至在空中导航,这一技术的核心在于通过卫星星历的精确计算,以及GPS单点定位的数学模型,实现全球范围内的定位。本文将对GPS软件开发的关键...

    第十七届全国大学生智能车竞赛技术报告

    参赛队伍可能需要设计一个能接收和处理电磁信号的系统,通过这些信号来确定车辆的位置和行驶方向,同时克服电磁干扰带来的挑战。 4. **技术报告-摄像头**:摄像头是智能车视觉感知的重要组成部分。此报告可能涵盖了...

    时间敏感型网络(TSN)技术综述——最系统最全面的TSN技术解读.docx

    通过一系列的标准化进程,TSN已经成为当前产业界广泛关注的技术焦点之一。目前,包括IEEE、IEC在内的多个国际组织正在积极制定基于TSN的工业应用网络的底层互操作性标准与规范。 #### 二、实时通信技术的发展及需求...

    一整套技术类个人博客模板 静态HTML模板 页面精美

    这个模板集合旨在帮助技术爱好者或者独立开发者构建一个专业且美观的在线平台,展示他们的技术文章、项目经验和个人成就。以下是这套模板中包含的关键知识点及详细解释: 1. **静态HTML模板**:静态HTML是网页开发...

    软件专利技术交底书模板(含例子)

    1)专利必须是一个技术方案,应该阐述发明目的是通过什么技术方案来实现的,不能只有原理,也不能只做功能介绍; 2)由于专利申请文件在申请后不能对其内容进行任意修改,即不能任意改变、增加或删除,因此交底书...

    ADSP技术与应用(电子版)

    《ADSP技术与应用》是一本非常有价值的教材,它不仅详细介绍了ADSP技术的基础理论,而且还提供了大量的实践经验,有助于学生和工程师深入了解并掌握这一关键技术。随着技术的不断发展,ADSP技术将在更多领域展现出其...

    数字电子技术英文原版_第11版_Digital_Fundamentals

    数字电子技术是现代信息科学的基础分支之一,主要研究在电子设备中如何表示、处理和传输数字信号。它涉及到数字电路的设计和分析,是学习电子工程、计算机科学和信息技术等相关专业不可或缺的基础知识。 《数字电子...

    大型网站技术架构分析(余浩东).pdf

    大型网站在架构设计上面临的目标包括负载均衡、数据备份、异地容灾等,而这些目标背后的技术、设计、维护等方面的挑战也非常多,且架构建设是一个不断调整的过程。 网站架构的演变和技术脉络同样重要。作者指出,...

    Qt中的C++技术

    总的来说,Qt中的C++技术融合了C++的面向对象特性、模板、异常处理、智能指针、命名空间和元对象系统等多种技术,提供了一个高效、灵活且功能丰富的开发环境。通过深入理解和熟练掌握这些技术,开发者可以创建出高...

    web课程设计---设计一个网站

    在本项目中,我们主要探讨的是“Web课程设计——设计一个网站”,这是一项结合了CSS技术和JavaScript技术的实践性学习任务。在这个过程中,学生需要掌握网页制作的基本原理,理解前端开发的重要概念,并能够将理论...

    网络渗透技术.pdf

    本书不放过每一处技术细节,记录了分析调试过程的每一个步骤,并且给出详细的演示程序。在最后两个章节,本书还对渗透测试撕裂口——Web应用的渗透做了精辟的描述。 本书是XFOCUS团队倾力之作,对于有志于网络安全...

    微信技术总监分享架构设计高清完整PDF版

    - **背景介绍**:微信作为一款现象级应用,其成功离不开其背后强大的技术支撑与先进的设计理念。微信技术总监周颢在腾讯大讲堂的演讲中分享了微信在技术架构上的独到之处。 - **核心理念**:“至简”不仅是微信的...

    模拟电子技术基础-童诗白第二版(1988)

    经典书籍 那是一个大师辈出的年代《模拟电子技术基础(童诗白_第2版)》是第2版不是第3版, 《模拟电子技术基础(童诗白_第2版)》是大师严谨做学,酌字酌句写出来的,很多地方都有引用条目的注释,“言必有徵,无徵不信...

    socket 一个服务器对应多个客户端使用多线程

    在标题"socket 一个服务器对应多个客户端使用多线程"中,提到的是使用Socket编程来设计一个服务器,该服务器能够同时处理来自多个客户端的连接请求,这通常被称为“一对一”或“一对多”模型。在Linux环境下,这种...

    信息隐藏技术实验教程 PDF

    - **定义**: 信息隐藏技术是指将保密信息嵌入到一个看似普通的文件(如图像、音频等)中的过程,使得该保密信息不易被察觉。这种方式主要用于保护信息免受恶意攻击或未经授权的访问。 - **应用范围**: - 军事与...

    linux下CC++开发技术个人收藏经典参考书,强烈推荐

    linux下CC++开发技术个人收藏经典参考书,强烈推荐linux下CC++开发技术个人收藏经典参考书,强烈推荐linux下CC++开发技术个人收藏经典参考书,强烈推荐linux下CC++开发技术个人收藏经典参考书,强烈推荐

    数字电子技术基础(第五版)阎石清华大学

    《数字电子技术基础》是阎石教授编著的一本经典教材,主要面向高等教育中的电子工程、计算机科学和技术、自动化等相关专业。第五版是该书的最新修订版本,它全面覆盖了数字电路的基础理论和实际应用,是学习数字系统...

Global site tag (gtag.js) - Google Analytics