易截截图软件、单文件、免安装、纯绿色、仅160KB

一个剖析AJAX原理的简单范例

 为了让各为能够了解什么是AJAX,以下是一个AJAX的手工范例(即不引用任何的Library或AJAX
framework),此范例颇为精要易懂,其作用主要是透过Client 端的Browser来即时监控Web 服务器资源或效能变化,各位只要做过
一遍范例就能够了解AJAX在网页开发上是多么具有威力了。
先来看看效果图:
本范例是一个简单的AJAX例子,但麻雀虽小五脏俱全,可由此窥见原始AJAX非同技术是如何运作。不需要安装任何特殊的AJAX套件,步骤说明如下:
一 建立Web项目
首先在VS 2005(或VS.NET 2003)建立一个普通的WEB项目,或者您没有VS开发工具,直接用记事本建立也行。
二 建立Client端页面
在Web专案中加入一个Client端页面Client.htm,并将此页面设定为起始页,这个页面会向Web伺服器网页发出非同步呼叫请求,并且将伺服
器回传资料更新到网页元素中,代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="javascript">
var XmlHttp=new ActiveXObject("Microsoft.XMLhttp");
function sendAJAX()
{
XmlHttp.Open("POST","Server.aspx",true);
XmlHttp.send(null);
XmlHttp.onreadystatechange=ServerProcess;
}
function ServerProcess()
{
if (XmlHttp.readystate==4 || XmlHttp.readystate=='complete')
{
document.getElementById('nameList').innerHTML
=XmlHttp.responsetext;
}
}
setInterval('sendAJAX()',1000);
</script>
</head>
<body>
<div id="nameList"></div>
</body>
</html>
三 建立Server端处理程式
另外在专案中加入一个Server.aspx网页(含.cs),Server.aspx不需要添加任何代码。
Server.aspx.cs 程序码如下:
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Diagnostics;
public partial&


相关文档:

Ajax特效 根据邮政编码获取地区信息 之三

用户操作界面postalcode.html
页面中包含3个文本框,分别表示邮政编码、地区和城市信息。当用户输入邮政编码后,系统将自动从服务器读取地区和城市信息,填充到对应文本框中。详细的函数说明请参考代码中的注释。
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<tit ......

Ajax特效 动态树形列表 之三

数据库设计
本实例使用名为tree的数据库表,包含的数据如图1.8所示,具体的建表语句如下:
CREATE TABLE 'tree' (
  'id' int(11) NOT NULL auto_increment,
  'text' varchar(255) NOT NULL,
  'isfolder' varchar(5) NOT NULL default 'false',
  'link' varchar(255) default NULL,
  ' ......

注册用户名验证(ajax版)

<!--注册验证用户名是否存在(不刷新)(2008-07-10 11:22:08)标签:document if color ch rs 注册 ajax 验证 用户名 it   分类:网络编程应用
针对ASP的 用的是AJAX写的
分两部分
 
-->
1.注册页面
JS部分:
<script language="JavaScript">
function chuser(){
  var csuser=docume ......

小编简述Ajax技术的那些框架

 
 
从2005 年Web2.0 的兴起开始算起,Ajax 伴随着国内的Web 开发社区走过了近四年的成长时间。四年的时间,对于一项Web 技术不算短了,这不仅是对当初对Ajax“旧瓶装新酒”持不屑态度的人的反驳,更把更多观望中的开发者拉入了Web 开发的行列。
Ajax的框架也开始一一出现:
Buffalo 是现任Thought ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号