ASP.NET中的AJAX应用开发总结
11月21日晚7点应邀在武汉大学信息学院做了一场关于ASP.NET下AJAX开发的报告,以我自己经历讲述了一些特殊应用在过去到现在实现手段的变化,本来想回家之后做个总结的,但是由于最近以来事情一直很多,所以没有来得及总结。今晚得以有空总结一下。
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< title >获取服务器时间的例子 </title>
< script language ="javascript" type ="text/javascript" >
var request=false;
//实例化XMLHttpRequest
function createXMLHttpRequest()
{
try
{
//下面的方法有可能抛出异常,表示当前浏览器不支持此方法
request=new ActivexObject("Msxml2.XMLHTTP");
}
catch(e1)//当通过上面的方法实例XMLHttpRequest发生异常
{
try
{
//下面的方法有可能抛出异常,表示当前浏览器不支持此方法
request=new ActivexObject("Microsoft.XMLHTTP");
}
catch(e2)//当通过上面的方法实例XMLHttpRequest发生异常
{
request=false;
}
}
//当上面的方法都不能实例化XMLHttpRequest时,表示非IE浏览器
if(!request&&typeof XMLHttpRequest!='undefined')
{
//非IE浏览器实例化XMLHttpRequest的方法
request=new XMLHttpRequest();
}
}
//发送客户端请求的方法
function getServerTime(format)
{
//调用上面的方法实例化XMLHttpRequest
createXMLHttpRequest();
//要请求的URL地址,注意escape是javascript中的方法
//用于对特殊字符进行转义
var url="ServerTime.aspx?format="+escape(format);
//alert(url);//可以通过这种方法查看服务器的返回结果
//通过GET方式打开请求,第三个参数true表示异步发送请求,false则为同步
request.open("GET",url,true);
//当request的等待状态发生变化时要执行的客户端方法
request.onreadystatechange=update;//update是客户端的javascript方法
//因为在请求的url中已经附带了参数,所以这里的参数是null
//表示不再发送额外的数据
request.send(null);
}
//当接收到服务器的响应之后执行的客户端方法
function update()
{
if(request.readyState==4)
{
//alert(request.responseText);//查看服务器响应结果
document.getElementById("time").innerHTML=request.responseText;
}
}
</script>
</head>
< body >
< table border ="0" >
< tr >
< td >服务器时间 </td> < td > < div id ="time" > </div> </td>
</tr>
< tr >
< td > < input type ="button" value ="完整时间" onclick ="javascript:void getServerTime('yyyy-mm-dd hh:mm:ss');" /> </td> < td > < input type ="button" value ="年月日" onclick ="javascript:void getServerTime('yyyy-MM-dd');" /> </td>
</tr>
< tr >
< td > < input type ="button" value ="时分秒" onclick ="javascript:void getServerTime('hh:mm:ss');" /> </td> < td > < input type ="button" value ="月份日期" onclick ="javascript:void getServerTime('mm-dd');" /> </td>
</tr>
</table>
</body>
</html>
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< title >使用jQuery获取服务器时间的例子 </title>
< script src ="jquery-1.2.6-cn.js" type ="text/javascript" > </script>
< script type ="text/javascript" language ="javascript" >
function getTime() {
$.get("GetTime.aspx", { format: "yyyy-mm-dd hh:mm:ss" },
function(data) {//得到Ajax响应后的回调函数
//$("#time").append(" < font color ='red' >" + data + " </font>");
$("#time").html(" < font color ='red' >" + data + " </font>");
});
}
</script>
</head>
< body >
< table border ="0" >
< tr >
< td >服务器时间 </td> < td > < div id ="time" > </div> </td>
</tr>
< tr >
< td > < input type ="button" value ="完整时间" onclick ="javascript:void getServerTime('yyyy-mm-dd hh:mm:ss');" /> </td> < td > < input type ="button" value ="年月日" onclick ="javascript:void getServerTime('yyyy-MM-dd');" /> </td>
</tr>
< tr >
< td > < input type ="button" value ="时分秒" onclick ="javascript:void getServerTime('hh:mm:ss');" /> </td> < td > < input type ="button" value ="月份日期" onclick ="javascript:void getServerTime('mm-dd');" /> </td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head runat ="server" >
< title >AjaxPro翻页效果 </title>
< style type ="text/css" >
tr.items{
background-color: #8FACC2;
border-color:#FFFFFF;
line-height:18px;
}
tr.table{ /*表格内容*/
background-color: #F1F3F5;
border-color:#FFFFFF;
line-height:18px;
}
</style>
</head>
< body onload ="JumpPage(0)" >
< form id ="form1" runat ="server" >
< div id ="memberList" >
数据装载中,请等待.....
</div>
</form>
< script language ="javascript" type ="text/javascript" defer ="defer" >
function JumpPage(var page)
{
var label=document.getElementById("memberList");
label.innerHTML=AjaxPager.GetString(parseInt(page*20),parseInt(20)).value;//假定每页显示20条数据
}
</script>
</body>
</html>
ASP.NET中的AJAX应用开发总结相关推荐
- ASP.NET中的AJAX应用开发详解
[IT168 技术文档]其实AJAX应用的核心就是XMLHttpRequest,通过现象看本质,即使使用微软的AJAX服务器控件最终也是需要这些的,只不过使用微软AJAX服务器控件开发AJAX应用时我 ...
- Asp.net中的AJAX学习记录之一 AJAX技术的崛起与Asp.net AJAX的诞生
最近开始学习Asp.net中的AJAX,可能我的高手朋友们会说:"走还不稳呢!怎么就想学跑了?"呵呵!主要是我在做项目中体会到AJAX真的是很好的一门技术,应该好好的学习一下, ...
- asp.net 中 使用ajax 和浏览器的关系
====================================================== 注:本文源代码点此下载 ================================= ...
- 在ASP.NET中实现AJAX
对ASP.NET而言,Ajax不需要回传就能进行服务器端处理,从而使客户机(浏览器)具有丰富的服务器端能力.换句话说,它为异步指派和处理请求与服务器响应提供了一个框架. Asynchronous Ja ...
- ASP.Net 中操作Ajax
有时候,越深入去了解一个点,越发觉得自己无知,而之前当自己晓得一两个片面的点还洋洋自得,殊不知,这是多么讽刺,JQuery中有很多优势,比如异步提交值,部分刷新,给用户很好的体验感.目前为止,大部分项 ...
- 利用Asp.net中的AJAX制作网页上自动选取开始日期及结束日期的用户自定义控件...
前段时间用过一个酒店入住预约网站,当你点击"入住时间"时会悬浮出一对并列的日历,然后点击左边的日历就能选择入住时间,点击右侧的日历就能自动得到离店时间,当时没有太留意是怎么实现的, ...
- dojo在ASP.NET中使用Ajax初步
我想先介绍一下dojo中的浏览器事件,由于不同的浏览器对dom事件的支持是不同的,dojo在这方面做了统一的封装,所以使用dojo不用担心浏览器事件不兼容的问题.问题也就由此而来,由于要兼容不同的浏览 ...
- ASP.Net中实现Ajax的几种实现方法之AjaxPro的使用(一) [AjaxPro.AjaxMethod]
原文地址 1.什么是Ajax Ajax是异步Javascript和XML(Asynchronous JavaScript and XML)的英文缩写."Ajax"这个名词的发明人是 ...
- 探讨ASP.NET AJAX客户端开发技术
一. 简介 在ASP.NET AJAX组件开发中,存在许多环节有待我们深入挖掘.如何让ASP.NET AJAX服务端控件更有效地利用客户端脚本来为控件添加强大的客户端功能?如何更为方便地访问控 ...
最新文章
- linux字符串转为二进制,Linux printf将十进制转换为二进制?
- 我的世界服务器怎么显示腐竹来了,我的世界腐竹开服必看manu权限组教程
- HTML特殊字符大全2
- 关系数据库SQL之可编程性函数(用户自定义函数)
- 多模光纤收发器的应用领域及适用领域
- SpringMVC架构
- 虚拟机ping不通主机与外网的解决方法
- Jetson TX1开发笔记(三):开发利器-Nsight Eclipse Edition
- 傅里叶(一):傅里叶分析
- ESD介绍及TVS的原理和应用
- 苹果iOS捷径(快捷指令)修改网页元素:移动端开发者工具console的替代方案
- 计时器操作--打点计时器
- 金仓数据库 KingbaseES SQL 语言参考手册 (10. 查询和子查询)
- java 时间戳最大值_Java中在时间戳计算的过程中遇到的数据溢出问题解决
- VTK交互系统 1 交互模式入门
- win7系统安装提示“很抱歉,程序无法在非MBR引导的分区上进行激活
- 使用laravel+Laravel-Roles-Permissions 开发后台权限管理
- MBA案例分析(行销与营销之行销五)
- html鼠标背景特效,6种鼠标滑过按钮背景动画特效
- cad管道阀门符号dwg_cad管道阀门符号怎么画(CAD怎么画系统图,特殊符号怎么搞,像管道系统图,...)...
热门文章
- 盈建科弹性板6计算_专题文档
- Win10如何修改快捷键设置?
- 任务计划无法连上远程计算机,win7计划任务,找不到远程计算机.docx
- 线性代数——线性变换——旋转矩阵(泰勒公式、虚数、欧拉公式)
- C#读取excel文件,报“外部表不是预期的格式”的解决办法
- 虚拟机上的ubuntu设置自定义分辨率
- [Android]优质安卓自学视频和必备资料整理
- Hacking Team事件导致一名韩国情报官员死亡
- 38招成为成功自由设计师的秘诀
- android集成qq浏览器,融合的设计–QQ浏览器(android)设计分享