Ajax的简单应用
前台代码:
<head runat="server">
<title>无标题页</title>
<script src="Ajax.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="Name" type="text" onblur="CheckName(this.value)"/>
<br />
<div id="TipForName"></div>
</div>
</form>
</body>
</html>
"Ajax.js"文件里面的代码
var xmlHttp;//全局XMLHttpResquest对象
//针对不同浏览器,获取XMLHttpRequest对象
function CreateXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
xmlHttp=new XMLHttpResquest();
}
}
//单击btnSayHello时调用的JS函数
function CheckName(name)
{
//创建XMLHTTPRquest对象
CreateXMLHttpRequest();
//指定回调函数
xmlHttp.onreadystatechange=HandleStateChange;
//打开请求
// var s="Output.aspx?id="+name;
xmlHttp.open("POST","Output.aspx",true);
xmlHttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');
//发送请求
xmlHttp.send("id="+name);
}
//回调函数
function HandleStateChange()
{
// alert(xmlHttp.readyState);
if(xmlHttp.readyState==4)
{
相关文档:
今天的话题是如何改进自己网站的界面或提高网站的视觉体验,从而让用户记忆犹新。
我们有三种主要的方法(从难到易):自己动手写脚本;使用类似于jQuery和mooTools的JavaScript框架(可以让编写代码变得更容易些);使用能工作于现有的JavaScript框架下的提前预置好的脚本或那种从头开始开发的创建者。这篇文章适合那 ......
Ajax,选择同步还是异步
Ajax在网页中最大的一个优点是它可以访问服务器上的信息而不需要重新加载网页。这意味着要检索或是更新信息的某一小个部分的时候,只需要从服务器端传送那一部分需要的信息而不需要重新下载整个网页。
Ajax可以通过两种方法访问服务器,即同步(脚本会停留并等待服务器发送回复然后再继续)和 ......
+++++++++++++++++++++++Ajax
~~~~~~~~~~~~~~~~~~~~~~~~~~
======= Ajax 技术 ========
一、第一课 ===》 AJAX概述与IntelliJ安装
a.Ajax读法其实不是我们读的'阿假客斯',注意专业化。
b.王兴魁老师先讲实践再讲理论。
c.开发工具不再是eclipse了,因为ajax主要写javascript
d ......
1.到http://ajaxcontroltoolkit.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=33804
下载AJAX Control Toolkit - Binary
2.解压到C:\Program Files\Microsoft.NET\ADOMD.NET\90
3.visual studio 新建一网站,双击default.aspx
4.打开工具箱,右击新建一选项卡,明名为Ajax Control Toolkit
5.右击Ajax Contr ......
[AJAX介绍]
Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。Web页面不用打断交互流程进行重新加裁,就可以动态地更新。使用Ajax,用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。
异步JavaScript和XML(AJAX)不是什么新技术,而是使用几种现有技术——包 ......