亚洲国产成人久久精品大牛影视,亚洲国产日韩综合久久精品,亚洲人xxx日本人18

动态图js脚本

chenguo — Thu, 05 Jul 2007 03:53:00 GMT

动态图js脚本

chenguo 2007-07-05 11:53 发表评论

js焦点囄��轮换--几个实例

chenguo — Thu, 05 Jul 2007 03:37:00 GMT

下面是falsh文�g�Q?object xcodebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" height="200" width="200" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
一些好的下载链接：http://blog.csdn.net/suilam/archive/2005/12/15/553280.aspx
lash轮播�q�告
http://bbs.blueidea.com/viewthread.php?tid=2374504&page=
[下蝲]�l�典代码一�ơ全下蝲�Q?flash�qȝ��片，囄��qȝ��片都有）
http://bbs.powereasy.net/dispbbs.asp?boardID=28&ID=290178&page=10
韩国flash焦点大图�q�告代码 / / 2007-06-24
http://www.zcool.com.cn/jscode/ggcode/page_2.html

chenguo 2007-07-05 11:37 发表评论

ajax框架

chenguo — Wed, 04 Jul 2007 09:58:00 GMT

chenguo 2007-07-04 17:58 发表评论

chenguo — Tue, 03 Jul 2007 04:38:00 GMT

本文介绍了IE和Navigator两种��览器对DHTML标准实现的差异，特别是如何编写Navigator中运行的DHTML�E�序�?

　　DHTML(Dynamic HTML)是W3C�l�织提出的一�U�新的规范，它对原有的HTML做了许多扩充�Q��ƈ�l�合Javascript�Q��得静态的HTML��面产生了许多动态效果，例如菜单的展开和收��P��面元素的外观动态改变等。IE 4.0以上�Q�Navigator 4.0以上的版本都支持�q�个标准。但是，不同的浏览器厂家对它都做了不同程度的扩充。以最��行IE的和NS��Z��Q�IE的实现更接近于W3C的方案，�? NS�Q�说实话�Q�与W3C的方案差异很大，而且�q�没有完全实玎ͼ�甚至可以说是另一套方案。笔者在初识DHTML�Ӟ��按照书上讲的�~�写了几个小�E�序�Q�在IE�? 一试就通，而在NS上可以说费尽了周折才逐渐扑ֈ�解决�Ҏ��。由于市面上很少有讲�q�NS的DHTML实现�Ҏ��的书(大概NS�׃��的实��C��W�合标准)�Q�而真�? 的商业网站至��应同时支持IE和NS�q�两�U�主要的��览器，我愿意把我的一些心得写出来与大家共享，使大家不必再走我走过的弯路。对于二者的实现相同的部分，本文作一��略介�l�，您若有兴��可参考有关书�c�或�|�上资源�?

　　DHTML实际上由三两部分�l�成�Q�CSS(Cascade Style Sheet�Q��联样式表)�Q�层(Layer)和Javascript�?

　　所谓CSS�Q�概念上�c�M��于C++中的�c�，在类定义中指明元素的外观样式�Q�如字体�Q�颜�Ԍ��大小�{�等�Q�页面中的�Q何一个HTML元素如被指定属于 �q�个�c�，��p��动拥有该�cȝ��Ҏ��；�q�可以�ؓ某种HTML元素定义样式�Q�这样页面中的所有这�U�元素都有了同样的外观。如果将�q�样的样式定义存在一个单独的. css文�g�?��p��C++那样��类定义存在 .h文�g�?�Q�再在页面中��其包含�q�来�Q�则一个网站的所有页面就有了同样的外观。IE和NS对CSS的实现基本相同，在此��׃��再详�l�介�l�了�?

　　两者的差异主要体现在层的实��C��。所谓层�Q�就是页面上的一块区域，其中可以包含��M��的HTML元素�Q�通过改变层的属性，光��的元素可以跟着�? 玎ͼ�消失�Q�更改，�U�d��{��? 在IE中，层依�?lt;DIV>�?lt;SPAN>来实玎ͼ�两者基本相同，通常

用于较大的层�Q?lt;SPAN>用于较小的层�Q��ƈ�?lt;DIV>在实现的层后面加上一个回车换行，�?lt; SPAN>不加。它的语法如�?二者相�?�Q?

　　

Layer content

�?

　　

Layer content

　　其中style definition是一�l�有分号隔开的样式定义，常用的有以下几种�Q?

　　position�Q�其值可以�ؓabsolute和relative�Q�所谓absolute(�l�对定位)�Q�就是层的内容不必按照出现的先后�ơ序在浏览器上依�ơ排列，而是可以像素为单位定位到��览器用户区域的��L��位置�Q�而relative(相对定位)则是层按照相�ȝ��内容依次排列�?

　　left�Q�top�Q�width�Q�height�Q�指层的左上角坐标以及它的宽度和高度�?

　　z-index�Q�由于层可以被放�|�在��面的�Q何位�|�，当它与其它内定w��合时�Q�z-index值大的显�C�在上面�Q�所有层的z-index��gؓ 1。但是在NS中，所有的表单元素(文本框，列表框，按钮�{?�Q�只要是可见的就无法被遮住，而无论z-index值是多少。因此在设计��面�Ӟ��要注意不�? 使动态出现或隐藏的元�?例如弹出式菜�?的位�|�上攄��表单元素�?

　　Visibility�Q�指明层是否可见�Q�通过在程序中动态改变这个��|��可以实现层的出现和消失，比如下拉菜单��p��依靠它来实现。它的三个候�? ��gؓ�Q�inherit�Q�可见性与父元素的可见性相同；visible�Q�可�?在NS中是show)�Q�hidden�Q�不可见(在NS中是hide)�?

　　NS同样支持�q�两个标讎ͼ�但是支持得很不好�Q�经常出��C��些莫名其妙的错误�Q�我惌��可能是出于策略上的考虑�Q�而不见得是NS的��品质量不好�? NS引入了另两个标记�Q?lt;layer>�?lt;ilayer>�Q?lt;layer>用于�l�对定位�Q?lt; ilayer>用于相对定位�Q�因此在�q�两个标记的样式定义中没有position属性�?

　　两个��览器对层的不同实现体现在以下几点：

　　1. 层的引用。在IE中，��面上的每个可编�E�元�?不仅是层�Q�还包括其它��M��指明了ID值的元素�Q�详见下�?都是document.all集合的一��；而在 NS中，��面中每个层�Q�无论是用上面四个标��C��的哪个定义的�Q�也无论是绝�Ҏ��是相对定位，都是document.layers集合的一��V��因此，若想引用名�ؓlayer1的层�Q�应以如下语法：

　　IE�Q�document.all["layer1"]或document.all.layer1

　　NS�Q�document.layers["layer1"]或document.layers.layer1

　　2. 层的坐标和大��。在IE中，每个涉及层的外观的属性，如位�|�，大小�Q�颜色等�Q�都是层的style属性集合的以一��，如层的左上角x坐标�? document.all.layer1.style.pixelLeft�Q�y坐标�? document.all.layer1.style.pixelTop�Q�宽度�ؓ document.all.layer1.style.pixelWidth�Q�高度�ؓ document.all.layer1.style.pixelHeight。还有几�l�属性如scrollxxx�Q�offsetxxx�Q? clientxxx�Q�其中xxx为Left�Q�Top�Q�Width�Q�Height �Q�分别描�q�层的滚动，位移�Q�客户区�{�属性，详见MSDN中关于坐标的描述。而在NS中，每个层都有一个clip属性集�Q�x�Q�y�Q�width�Q�height 是这个集的集合元素�?

　　另外�Q�IE中所有元素拥有同一个坐标系�Q�无论它位于层外或层内；在NS中，每个层都有一个独立的坐标�p�R�?

　　3. 层的内容。IE中的层包含innerHTML和outerHTML属�?�׃��q��描述层的外观�Q�所以它们不是style属性集的元素，而是层的属�?�Q�其含义如下�Q?

　　innerHTML�Q�层中的HTML代码�Q�但是不包括层的定义�?

　　outerHTML�Q�层中的HTML代码�Q�且包括层的定义�?

　　改变�q�些属性值就可以改变层的内容�Q�如下语句改变层layer1的内容�ؓ加粗的字�W�串"layer1"�Q? document.all.layer1.innerHTML=”layer1” �Q�而在NS中，每一个document.layers集合中的元素�Q�即一个层�Q�都NS被视��Z��个独立的�H�口�Q�有独立document属性，��p�� Javascript中的document属性一��P��通过调用document.write函数�Q�可以动态改变层的内宏V��上例在NS中应修改为：

　　document.layers.layer1.document.open();

　　doucment.layers.layer1.write("

layer1

");

　　document.layers.layer1.document.close;

　　同样�Q�对于层中的其它可编�E�元素，例如图象�Q�其引用语法如下�Q? document.layers.layer1.document.images[imgname]�Q�而如果该图象位于层的外面�Q�其语法应�ؓ document.images[imgname]�Q�而在IE中，无论图象位于层内或层外，其语法都是后者�?

　　Javascript是Netscape公司首先提出的一�U�客��L��~�程的脚本语�a��Q�随后有扩展到服务器端。它的语法和概念都类��g��C++�Q�但是没有C++那样严格。IE同样支持客户端Javascript(微��Y�q�推��Z��c�M��的，功能更强大的Vbscript�Q�但是NS却不支持)。两�U�浏览器�? Javascript的基本实现是一��L��Q�但是又都对它做了许多不同的扩展�Q�而在DHTML�~�程中，很多情况下都需要用到这些扩展。由于此时已�l�没有标�? 可遵循，二者已�l�看不出有相同之处。例如，��览器的客户区的宽度�Q�在IE中是document.body.clientWidth�Q�在NS中是 window.innerWidth�Q�再比如你想知道用户按浏览器的滚动条滚动了多��像素，在IE中是document.body.scrollTop�Q? 在NS中是window.pageYOffset。在�q�种情况下，你只能查阅二者的文档。IE的Javascript文档包含在MSDN中，也可以到微��Y 的站点上单独下蝲。NS的Javascript文档可以�? http://developer.netscape.com上下载，那里也能得到NS的DHTML文档�?

　　NS没有实现的功能�?

　　1.IE中，��面中的��M��元素都是可编�E�的�Q�只要赋予它ID属性，其语法如下：

　　

content

�?lt;span id=itemid>content

　　而在NS中，除非元素位于层中�Q�否则无法对它编�E��?

　　2.IE中增��M��元素的渐�?Transition)和��o�?Filter)效果�Q�NS中没有�?

　　3.IE中支持客��L��的数据绑�?Data bind)�Q�即��面中的某个元素(例如表格中的一个格)可以与服务器端的数据库的某个字段�l�定�Q�在数据内容不变的情况下�Q�可以不必再�ơ访问数据库而改变页面的形式(例如按某个字�D�重新排�?。NS同样没有实现�q�种�Ҏ��?

　　以上列�D了二者的如此之多的差别，那我们如何编写跨��览器的DHTML��面呢？一�U�方法是�~�写两个独立的页面，而在入口文�g中根据浏览器的不同而重定向��C��同的��面�Q�如�Q?

　　

　　

　　

　　�q�种�Ҏ��单，��面整洁�Q�缺�Ҏ��有很大冗余，毕竟一个页面中�E�序是少量的�Q�大部分静态内容在两个��览器中�q�没有区别，一旦静态的内容发生改变必须在两个页面中一��h��改，而且当包含DHTML的页面增多时�Q�每一个页面都需要三个页面来实现�Q�增大了�l�护的负担�?

　　另一�U�方法是在同一个页面中集成两个��览器的代码。在每一个实现特定功能的函数中都�Ҏ��览器的不同分别写代码，如：

　　

　　

　　

　　对于HTML代码也不同的部分�Q�可以利用Javascript函数 document.writeln()来实玎ͼ�例如对于层的定义�Q�可以如下实玎ͼ�

　　

　　Layer content here

　　

　　�q�种实现�Ҏ��l�护��单，�~�点是失��M��面�~�辑器所见即所得的�Ҏ�?因�ؓ只有到运行时才能��层的定义写入浏览器�Q�在�~�辑阶段它们只是�? Javascript�E�序)�Q�调整层的坐标和大小都比较困难。在实际�~�程中可以先按一�U�浏览器的定义写�Q�待调整完毕后再��它转成另一�U�定义。但�ȝ��来说�Q? �q�种办法适合对HTML标准比较熟悉的开发�h员�?

chenguo 2007-07-03 12:38 发表评论

下拉菜单全攻�?JavaScript��?/title>http://www.tkk7.com/cgogg/articles/127807.htmlchenguochenguoTue, 03 Jul 2007 04:29:00 GMThttp://www.tkk7.com/cgogg/articles/127807.htmlhttp://www.tkk7.com/cgogg/comments/127807.htmlhttp://www.tkk7.com/cgogg/articles/127807.html#Feedback0http://www.tkk7.com/cgogg/comments/commentRss/127807.htmlhttp://www.tkk7.com/cgogg/services/trackbacks/127807.html
序言�Q?

随着互联�|�的普及和网��制作技术的发展�Q�越来越多的�|�友开始制作自��q��|�站。做为网站最重要的部分—导航菜单也出现了各式各��L��设计和制作方法�? 其中下拉式导航菜单已�l�成为多栏目大信息量�|�站的首选导航方式。那么，在下面我��简单介�l�一下众多下拉菜单制作方法中完全使用JS自动生成�?#8220;自适应分��L 率可扩展二层JS下拉菜单”的工作原理和使用�Ҏ��?

1�?S下拉菜单原理

下拉菜单实际上就是在开始的时候显�C�Z��U�或者说是主菜单�Q�图一�Q�。当触发条�g�Q�例如：鼠标�U�d��C��面时�Q�显�C�次�U�菜单（图二�Q��?

图一

图二

那么如何实现�q�样的效果呢。其实很��单。所有的下拉菜单都是通过囑ֱ�的显隐来实现的。在文�g下蝲的时候，其实主菜单和�ơ��菜单都以�l��Ş成或者说�? 载到了客��L��也就是你的机器里。只是次�U�菜单被隐藏��h��。隐藏的�Ҏ��一般是使用javascript 配合css控制�ơ��菜单的图层的属性visibility为隐�?
。所以在开始的使用你是看不见次�U�菜单的。当满��触发条�g�Q�例如：鼠标�U�d��C��面）�Ӟ��在��用javascript来控制次�U�菜单显�C�。当在次满��触发条�g�Ӟ��例如�Q�鼠标移开�Q�，控制�ơ��菜单隐藏�?

我们现在讲的�q�个” 自适应分��L率可扩展二层JS下拉菜单”可以自动适应��览器分辨率的改变始�l�保持相对位�|�。可以方便的自己定制菜单昄��内容及连接页面。可以随意扩充主��D��和次��D��的栏目个数。可以自由改变连接和��D��表格的样式和外观�{�等�?

2�?自适应分��L率可扩展二层JS下拉菜单"js代码详解

//--------------- ��d��航条内容 ------------//
var mainLayer=new Array("蓝色理想","动意营�?);//��d��航栏�?

//--------------- �ơ导航条内容 ------------//
var subLayer0=new Array("论坛","文献"); //��D��栏目一下的�ơ��栏目
var subLayerHttp0=new Array("#","#");’’;//��d��航栏目一下的�ơ��栏目�q�接地址
var subLayer1=new Array("论坛","文献");//��D��栏目二的�ơ��栏目
var subLayerHttp1=new Array("#","#");//��d��航栏目二的次�U�栏目连接地址

//--------------- ��d��航条Table参数调整 ------------//
var mainTableTdWidth=100; //每个TD的宽度，调整��d��航内定w��?
var mainTableBorder=0; //调整��d��航表��D��框宽�?
var mainTableCellspacing=0; //调整��d��航表格Cellspacing
var mainTableCellpadding=1; //调整��d��航表格Cellpadding
var mainTableBgcolor="#000000"; //调整��d��航表��D��景色
var mainTableBordercolor=""; //调整��d��航表格编框颜�?
var mainTableBackgroundImg=""; //调整��d��航表��D��景图片url地址
var hrefClassName="link" //调整url风格样式
var mainTableTdBgcolor="B2CBCF"; //调整��d��航表格Td�?

//--------------- �ơ导航条Table参数调整 ------------//
var subTableBorder=0; //调整�ơ导航条表格�Ҏ��宽度
var subTableCellspacing=0; //调整�ơ导航条表格Cellspacing
var subTableCellpadding=1; //调整�ơ导航条表格Cellpadding
var subTableBgcolor="#000000"; //调整�ơ导航条表格背景�?
var subTableBordercolor=""; //�ơ导航条表格�~�框颜色
var subTableBackgroundImg=""; //�ơ导航条表格背景囄��url地址
var subTableTdBgcolor="B2CBCF"; //调整�ơ导航表格Td�?
var sbuTabbleTop=21; //�ơ导航表��g��下微�?
var sbuTabbleLeft=-1; //�ơ导航表格左叛_��?

//--------------- �pȝ��参数请勿调整 ------------//
var layerMax=mainLayer.length+10;
var layerName=”index”

//--------------- 生成下拉菜单 ------------//
function createMainLayer(){
document.write("

");
for(i=0;i
document.write("");
}
document.write("

"+mainLayer[i]+"

");

for(j=0;j
createSubLayer(j);
}
document.write("

");
}

//--------------- 生成每项下拉菜单内容 ------------//
function createSubLayer(num){
var subLayerName= layerName +num;
var subLayerLeft=(mainTableTdWidthnum)+mainTableCellpadding+mainTableBorder;
var subLayerList=eval("subLayer"+num);
var subLayerHttpList=eval("subLayerHttp"+num);
document.write("
");
if(subLayerList.length!=0){
document.write("
for(h=0;h

document.write("");
}
document.write("

"+subLayerList[h]+"

");
}
document.write("
");

}

//------------------------------�ơ菜单显隐控�?-------------------------//
function layervib(type,num){
var H=type;
var temp=(H='visible'?'hidden':'visible')
for(var i=0;i
var E=eval('document.all.index'+i+'.style');
var H=eval(i);
if(i==num){E.visibility=type}else{E.visibility=temp};
}
}

3�?自适应分��L率可扩展二层JS下拉菜单"js代码使用�Ҏ��?

(1) ��上面的代码存储为js_daohang.js.攑֜�和调用的��面同一个目录下�?
(2) 在需要��用的叉��中在如下位置��d��
�Q?�Q�在需要显�C�Z��拉菜单的地方使用

来��生菜单。如下例。可以随意摆攑ֈ��面的�Q何位�|��?

(4)、如何添加新的主菜单及次�U�菜单的栏目�?
假设我们要在已有的栏目里新增加一�?#8220;七色�?#8221;栏目。下面有“论坛”�?#8220;文献”两个�ơ��栏目。那么我么首先要在代码的如下部分��d��“七色�?#8221;�?

var mainLayer=new Array("蓝色理想","动意营�?,”七色�?#8221;);//��d��航栏�?
0 1 2

然后在如下的位置��d��“论坛”�?#8220;文献”栏目及连接地址�?

var subLayer0=new Array("论坛","文献"); //��D��栏目一下的�ơ��栏目
var subLayerHttp0=new Array("#","#");’’;//��d��航栏目一下的�ơ��栏目�q�接地址
var subLayer1=new Array("论坛","文献");//��D��栏目二的�ơ��栏目
var subLayerHttp1=new Array("#","#");//��d��航栏目二的次�U�栏目连接地址
var subLayer2=new Array("论坛","文献");//��D��栏目三的�ơ��栏目
var subLayerHttp2=new Array("#","#");//��d��航栏目三的次�U�栏目连接地址

注意�Q�蓝色部分是需要新��d��的部分。红色部分是要修改的部分。要和上面的�~�号一一对应�?(5)、其他细节调整请参考代码详解部分�?

4、附注及扩充�?

代码中主要��用的函数及方法详解�?
Document.write(“tmp”)在页面中写入tmp.
var subLayerHttp1=new Array();定义一个新的数�l�subLayerHttp1.
For(I=0;I
var temp=(H=�??�?:�?)当H的值等于�?的时候temp�{�于�?。反之temp的值等于�?�?

增强功能�?
//--------------- �pȝ��参数*请勿调整 ------------//
var layerMax=mainLayer.length+10;
var layerName=”index”

可以讄��layerName=其他字段以生成新的下拉菜单。�ə�面内共存两个下拉菜单�?

如有��M��问题误��p�L��。Jiangyf@paic.com.cn

全文完�?

chenguo 2007-07-03 12:29 发表评论

JavaScript[对象.属性]集锦

chenguo — Tue, 03 Jul 2007 04:15:00 GMT

SCRIPT 标记

用于包含JavaScript代码.

语法

属�?

LANGUAGE 定义脚本语言

SRC 定义一个URL用以指定�?JS�l�尾的文�?

windows对象

每个HTML文档的顶层对�?

属�?

frames[] 子桢数组.每个子桢数组按源文档中定义的��序存放.

feames.length 子桢个数.

self 当前�H�口.

parent 父窗�?当前�H�口是中一个子�H�口).

top ��层�H�口(是所有可见窗口的父窗�?.

status ��览器状态窗口上的消�?

defaultStatus 当status无效�?出现在浏览器状态窗口上的缺省消�?

name 内部�?为由window.open()�Ҏ��打开的窗口定义的名字.

�Ҏ��

alert("message") 昄��含有�l�定消息�?JavaScript Alert"对话�?

confirm("message") 昄��含有�l�定消息�?Confirm"对话�?有一个OK按钮和一个Cancel按钮).如果用户单击OK�q�回true,否则�q�回false.

prompt("message") 昄��一�?prompt"对话�?要求用户�Ҏ��昄��消息�l�予相应输入.

open("URL","name") 打开一个新�H�口,�l�予一个指定的名字.

close() 关闭当前�H�口.

frame对象

它是整个��览器窗口的子窗�?除了status,defaultStatus,name属性外,它拥有window对象的全部属�?

location对象

含有当前URL的信�?

属�?

href 整个URL字符�?

protocol 含有URL�W�一部分的字�W�串,如http:

host 包含有URL中主机名:端口号部分的字符�?�?/www.cenpok.net/server/

hostname 包含URL中主机名的字�W�串.如http://www.cenpok.net

port 包含URL中可能存在的端口号字�W�串.

pathname URL�?/"以后的部�?如~list/index.htm

hash "#"�?CGI参数)之后的字�W�串.

search "?"�?CGI参数)之后的字�W�串.

document对象

含有当前文档信息的对�?

属�?

title 当前文档标题,如果未定�?则包�?Untitled".

location 文档的全URL.

lastModified 含有文档最后修�Ҏ��?

referrer 调用者URL,即用��h��从哪个URL链接到当前页面的.

bgColor 背景�?#xxxxxx)

fgColor 前景文本颜色.

linkColor ��链接颜�?

vlinkColor 讉K��q�的��链颜色.

alinkColor �Ȁ�z�链颜色(鼠标按住未放�?.

forms[] 文档中form对象的数�l?按定义次序存�?

forms.length 文档中的form对象数目.

links[] 与文档中所有HREF铑֯�应的数组对象,按次序定义存�?

links.length 文档中HREF铄��数目.

anchors[] �?...)数组,按次序定义存�?

anchors.length 文档中锚的数�?

�Ҏ��

write("string") ��字�W�串�H�出�l�当前窗�?(字符串可以含有HTML标记)

writeln("string") 与write()�c�M��,在结��追加回车符,只在预定格式文本�?

...
�?
...
)生效.

clear() 清当前窗�?

close() 关闭当前�H�口.

form对象

属�?/strong>

name

中的NAME属性的字符串�?

method 中METHOD属性的�c�d�?"0"="GET" ,"1"="POST" .

action 中ACTION属性的字符串�?

target 表格数据提交的目�?与标��C��相应属性一�?

elements[index] elements属性包含form中的各个元素.

length 表格中的元素个数.

�Ҏ��

submit() 提交表格.

事�g处理器onSubmit() 用户单击一个定义好的按钮提交form时运行的代码.

text和textarea对象

属�?

name NAME属性的字符串�?

value 域内容的字符串�?

defaultValue 域内容的初始字符串�?

�Ҏ��

focus() 讄��对象输入焦点.

blur() 从对象上�U�走输入焦点.

select() 选定对象的输入区�?

事�g处理�?/strong>

onFocus 当输入焦点进入时执行.

onBlur 当域失去焦点时执�?

onSelect 当域中有部分文本被选定时执�?

onChange 当域失去焦点且域值相对于onFocus执行有所改变时执�?

chenguo 2007-07-03 12:15 发表评论

chenguo — Wed, 20 Jun 2007 05:33:00 GMT
 摘要: XmlHttp实现无刷��C��联动下拉�? 1.html代码 XmlHttp实现无刷��C��联动下拉�?lt;/title> &... <a href='http://www.tkk7.com/cgogg/articles/125331.html'>阅读全文</a> <div align=right><a style="text-decoration:none;" href="http://www.tkk7.com/cgogg/" target="_blank">chenguo</a> 2007-06-20 13:33 <a href="http://www.tkk7.com/cgogg/articles/125331.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> chenguo — Wed, 20 Jun 2007 05:27:00 GMT <div id="txnpdjr" class="postText"> 源代码下�?a >/Files/singlepine/AJAXDemo.rar</a> </div> <div align=right><a style="text-decoration:none;" href="http://www.tkk7.com/cgogg/" target="_blank">chenguo</a> 2007-06-20 13:27 <a href="http://www.tkk7.com/cgogg/articles/125325.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> <h1>Ajax使用初步</h1> chenguo — Wed, 20 Jun 2007 05:27:00 GMT <div id="vjnzllb" class="postTitle"> <a id="viewpost1_TitleUrl" >Ajax使用初步</a> </div> <div id="zfzdbjd" class="postText"> Ajax定义�?#8220;Asynchronous JavaScript + XML”的简�U�ͼ�也就是异步的JavaScript和XML处理。从原理上看�Q�主要是Ajax可以通过调用HttpRequest实现与服务器的异步通讯�Q��ƈ最�l�在�|�页中实��C��富友好的用户界面 Ajax使用初步�Q�配�|�步�?br>1.把Ajax.dll copy到应用系�l�bin目录下，然后在工�E�引用中引用Ajax.dll�Q�如果没有的话可以下�?a >/Files/singlepine/Ajax.rar</a> 2.配置web.config�Q�添加如下信�?/font> <div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; font-size: 13px; width: 98%; background-color: #eeeeee;"><httpHandlers> <add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax" /> </httpHandlers></div> 3.假设应用�pȝ��叫Document�Q�目录格式�ؓPages\AjaxTest 4.在Pages\AjaxTest下徏立cs文�gAjaxMethod.cs�Q�添加如下方�?/font> <div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; font-size: 13px; width: 98%; background-color: #eeeeee;">//[Ajax.AjaxMethod] [Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)] public static string GetNIVNumber(string str) { return str; }</div> 5.在Pages\AjaxTest下徏立页面AjaxForm.aspx <div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; font-size: 13px; width: 98%; background-color: #eeeeee;"><HTML> <HEAD> <title>AjaxForm





 function testAjax()
 {
 var first=document.getElementById("txtfirst");
 AjaxMethod.GetNIVNumber(first.value,callback_GetNIVNumber);
 }
 function callback_GetNIVNumber(res)
 {
 var obj=document.getElementById("txtsecond");
 obj.value=res.value;
 }



 onclick="testAjax();">




protected System.Web.UI.WebControls.TextBox txtfirst;
protected System.Web.UI.WebControls.TextBox txtsecond;
private void Page_Load(object sender, System.EventArgs e)
{
//注册,其中Document.Pages.AjaxTest.AjaxMethod为AjaxMethod.cs�Ҏ��所在的命名�I�间
Ajax.Utility.RegisterTypeForAjax(typeof(Document.Pages.AjaxTest.AjaxMethod));
}
然后�q�行��可以了�Q?br>实现效果�Q�在�W�一个textbox中输入内容，点击button�Q�就把内�Ҏ��C�到�W�二textbox中。这只是一个简单的�C�Z��Q�还可以修改调用�Ҏ��Q�从数据库读取以及更复杂的操�?/font>

chenguo 2007-06-20 13:27 发表评论

chenguo — Wed, 20 Jun 2007 05:26:00 GMT

Ajax��单示例之改变下拉框动态生成表�?/a>

1.建立一个aspx��面�Q�html代码

 Untitled Page

 var xmlHttp;

 function createXMLHttpRequest()
 {
 if (window.ActiveXObject)
 {
 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
 }
 else if (window.XMLHttpRequest)
 {
 xmlHttp = new XMLHttpRequest();
 }
 }

 function startRequest()
 {
 //debugger;
 var ProvinceID=document.getElementById("DropDownList1");
 createXMLHttpRequest();
 xmlHttp.onreadystatechange = handleStateChange;
 xmlHttp.open("GET", "?ProvinceID="+ProvinceID.value, true);
 xmlHttp.send(null);
 }

 function handleStateChange()
 {
 if(xmlHttp.readyState == 4) //0(未初始化);1(正在装蝲);2 (装蝲完毕);3 (交互�?;4 (完成)
 {
 if(xmlHttp.status == 200) //200(OK);404(not found)
 {
 document.getElementById("gridiv").innerHTML=xmlHttp.responseText;
 }
 }
 }













2.cs代码

using System.Data.SqlClient;

protected void Page_Load(object sender, EventArgs e)
 {
 if (!Page.IsPostBack)
 {
 this.DropDownList1.Attributes.Add("onchange", "return startRequest();");
 ListProvince();
 if (ProvinceID != "")
 {
 GetCityByProvinceID(ProvinceID);
 }
 }
 }

 property#region property
 private string ProvinceID
 {
 get
 {
 if (Request["ProvinceID"] != null && Request["ProvinceID"].ToString() != "")
 {
 return Request["ProvinceID"];
 }
 else
 {
 return "";
 }
 }
 }
 #endregion

 GetDataSet#region GetDataSet
 private DataSet GetDataSet(string sql)
 {
 string constring=System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];
 SqlDataAdapter sda =new SqlDataAdapter(sql,constring);
 DataSet ds=new DataSet();
 sda.Fill(ds);
 return ds;
 }
 #endregion

 GetCityByProvinceID#region GetCityByProvinceID
 private void GetCityByProvinceID(string ProvinceID)
 {
 string connStr = ConfigurationSettings.AppSettings["ConnectionString"];
 SqlConnection conn = new SqlConnection(connStr);
 string sql = "select * from city where father='" + ProvinceID + "'";
 SqlCommand cmd = new SqlCommand(sql, conn);
 conn.Open();
 SqlDataReader dr = cmd.ExecuteReader();

 string s = @"";
 s+="";
 s+="��水�?lt;/th>代号城市";
 int m = 0;
 while (dr.Read())
 {
 if (m % 2 == 0)
 {
 s += "";
 }
 else
 {
 s += "";
 }
 m++;
 s += "" + dr["id"] + "";
 s += "" + dr["cityID"] + "";
 s += "" + dr["city"] + "";
 s += "";
 }
 s+="";
 dr.Close();
 conn.Close();
 this.Response.Write(s);
 this.Response.End();
 }
 #endregion

 ListProvince#region ListProvince
 private void ListProvince()
 {
 string sql = "select * from province";
 DataSet ds = GetDataSet(sql);
 DropDownList1.DataSource = ds;
 DropDownList1.DataTextField = "province";
 DropDownList1.DataValueField = "provinceID";
 DropDownList1.DataBind();
 }
 #endregion
3.�C�Z��数据库下�?a >area1.rar

chenguo 2007-06-20 13:26 发表评论

chenguo — Wed, 20 Jun 2007 05:25:00 GMT

Ajax实现在textbox中输入内容，动态从数据库中模糊查询昄��C��拉框�?/a>
http://www.cnblogs.com/singlepine/archive/2006/05/21/405566.html

功能�Q�在textbox中输入内容，动态从数据库模�p�查询显�C�到下拉框中�Q�以供选择

1.建立一aspx��面�Q�html代码


 WebForm1

 //城市------------------------------
 function cityResult()
 {
 var city=document.getElementById("TextBox1");
 WebForm1.GetCityList(city.value,get_city_Result_CallBack);
 }

 function get_city_Result_CallBack(response)
 {
 if (response.value != null)
 {
 //debugger;
 document.getElementById("DropDownList1").style.display="block";
 document.getElementById("DropDownList1").length=0;　　　　
　　　　 var ds = response.value;
 if(ds != null && typeof(ds) == "object" && ds.Tables != null)
 {
 for(var i=0; i　　　　 {
　　　　 var name=ds.Tables[0].Rows[i].city;
　　　　　　 var id=ds.Tables[0].Rows[i].cityID;
　　　　　　 document.getElementById("DropDownList1").options.add(new Option(name,id));
　　　　 }
 }
 }
 else
 {
 document.getElementById("DropDownList1").style.display="none";
 }
 return
 }

 function getData()
 {
 var province=document.getElementById("DropDownList1");
 var pindex = province.selectedIndex;
 var pValue = province.options[pindex].value;
 var pText = province.options[pindex].text;

 document.getElementById("<%=TextBox1.ClientID%>").innerText=pText;
 }










2.cs代码

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
namespace ajaxselect
{
 /**////

 /// Summary description for WebForm1.
 ///

 public class WebForm1 : System.Web.UI.Page
 {
 protected System.Web.UI.WebControls.TextBox TextBox1;
 protected System.Web.UI.WebControls.DropDownList DropDownList1;

 private void Page_Load(object sender, System.EventArgs e)
 {
 Ajax.Utility.RegisterTypeForAjax(typeof(WebForm1));
 if (!Page.IsPostBack)
 {
 this.TextBox1.Attributes.Add("onchange", "cityResult();");
 this.DropDownList1.Attributes.Add("onclick", "getData();");
 }
 }

 Web Form Designer generated code#region Web Form Designer generated code
 override protected void OnInit(EventArgs e)
 {
 //
 // CODEGEN: This call is required by the ASP.NET Web Form Designer.
 //
 InitializeComponent();
 base.OnInit(e);
 }

 /**////

 /// Required method for Designer support - do not modify
 /// the contents of this method with the code editor.
 ///

 private void InitializeComponent()
 {
 this.Load += new System.EventHandler(this.Page_Load);

 }
 #endregion

 GetCityList#region GetCityList
 [Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]
 public DataSet GetCityList(int provinceid)
 {
 string sql = "select * from city where father like '%" + provinceid + "%'";
 return GetDataSet(sql);
 }
 #endregion
 GetDataSet#region GetDataSet
 public static DataSet GetDataSet(string sql)
 {
 string ConnectionString = System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];
 SqlDataAdapter sda = new SqlDataAdapter(sql, ConnectionString);
 DataSet ds = new DataSet();
 sda.Fill(ds);
 return ds;
 }
 #endregion

 }
}
3.源代码下�?nbsp;http://singlepine.cnblogs.com/Files/singlepine/ajaxselect.rar
4.数据库脚�?br>
CREATE TABLE [dbo].[city](
 [id] [int] NOT NULL,
 [cityID] [nvarchar](6) COLLATE Chinese_PRC_CI_AS NULL,
 [city] [nvarchar](50) COLLATE Chinese_PRC_CI_AS NULL,
 [father] [nvarchar](6) COLLATE Chinese_PRC_CI_AS NULL,
CONSTRAINT [PK_city] PRIMARY KEY CLUSTERED
(
 [id] ASC
)WITH (IGNORE_DUP_KEY = OFF) ON [PRIMARY]
) ON [PRIMARY]

chenguo 2007-06-20 13:25 发表评论

Ajax实现无刷新树

chenguo — Wed, 20 Jun 2007 05:22:00 GMT
 摘要: Ajax实现无刷新树 1.建立一个aspx��面html代码 ��山 ... 阅读全文

chenguo 2007-06-20 13:22 发表评论

JavaScript调用Web Services实现无刷��C��联动

chenguo — Wed, 20 Jun 2007 05:20:00 GMT
 摘要: JavaScript调用Web Services实现无刷��C��联动使用微��Y提供的webservice.htc实现通过JavaScript调用WebService.1.首先从微软网站上下蝲webservice.htc,我附件源代码也包含，不下载也可以http://msdn.microsoft.com/workshop/author/webservice/webservice.htc2.在网... 阅读全文

chenguo 2007-06-20 13:20 发表评论

chenguo — Wed, 20 Jun 2007 05:17:00 GMT
 摘要: Ajax实现无刷��C��联动下拉�? 1.html代码 Ajax实现无刷��C��联动下拉�?lt;/title> &... <a href='http://www.tkk7.com/cgogg/articles/125316.html'>阅读全文</a> <div align=right><a style="text-decoration:none;" href="http://www.tkk7.com/cgogg/" target="_blank">chenguo</a> 2007-06-20 13:17 <a href="http://www.tkk7.com/cgogg/articles/125316.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> chenguo — Wed, 20 Jun 2007 05:14:00 GMT 摘要: Ajax无刷新实现图片切换特�? 1.��面cs代码 using System;using System.Data;using System.Configuration;using System.Web;using System.Web.Security;using System.Web.UI;using System.... <a href='http://www.tkk7.com/cgogg/articles/125315.html'>阅读全文</a> <div align=right><a style="text-decoration:none;" href="http://www.tkk7.com/cgogg/" target="_blank">chenguo</a> 2007-06-20 13:14 <a href="http://www.tkk7.com/cgogg/articles/125315.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> <h1>web应用的跨��访问的解决�Ҏ��</h1> chenguo — Mon, 18 Jun 2007 10:16:00 GMT 做过跨越多个�|�站的Ajax开发的朋友都知道，如果在A�|�站中，我们希望使用Ajax来获得B�|�站中的特定内容�Q�如果A�|�站与B�|�站不在同一个域中，那么��出��C��跨域讉K��问题�?br> Ajax的跨域访问问题是现有的Ajax开发�h员比较常遇到的问题�?br> IE对于跨域讉K��的处理是�Q�弹��告框�Q�提醒用戗��如果用户将该网站纳入可信�Q�|�站�Q�或者调低安全��别，那么�q�个问题IE��׃��会在提醒你�?nbsp; FireFox�{�其它非微��Y的浏览器遇到跨域讉K��Q�则解决�Ҏ��l�一是拒�l�访问�?br> 有�h��_��IE是主��浏览器�Q�只要它能正�怋�用就好了。此�a�差已�Q�IE虽然能够处理�Q�但是是有前提的�Q�要么用户不厌其烦地在页面弹��告框之后点击是（点击否就不执行该Ajax调用了）�Q�要么用户将该网站纳入可信�Q站点。这两种做法�Q�在企业��理�pȝ��的应用中倒是比较常见�Q�因为系�l�管理员可以以行政手�D�保证用 ��L��行�ؓ。但是对于互联网上的�|�站或者门户开发，�q�种做法则不行�?br> 最�q�遇��C��q�个问题�Q�需要在跨域讉K��l�束之后完成使主�H�口出现一些特效，搜烦了一些资料，通过不断��试以及在不同浏览器中进行兼�Ҏ��测试，扑ֈ�了几个可行的�Ҏ��Q?br> 1�? Web代理的方式。即用户讉K��A�|�站时所产生的对B�|�站的跨域访问请求均提交到A�|�站的指定页面，��p��面代替用户��面完成交互�Q�从而返回合适的�l�果。此 �Ҏ��可以解决现阶�D�|��能够惛_��的多数跨域访问问题，但要求A�|�站提供Web代理的支持，因此A�|�站与B�|�站之间必须是紧密协作的�Q�且每次交互�q�程�Q�A�|�站的服务器负担增加�Q�且无法代用户保存session状态�?br> 2、on-Demand方式。MYMSN的门户就用的�q�种方式�Q�不�q? MYMSN中不涉及跨域讉K��问题。动态控制script标记的生成，通过修改script标记的src属性完成对跨域��面的调用。此�Ҏ��存在的缺��h��Q? script的src属性完成该调用旉��取的方式时get方式�Q�如果请求时传递的字符串过大时�Q�可能会无法正常�q�行。不�q�此�Ҏ��非常适合聚合�c�门户��用�?br> 3�? iframe方式。查看过醒来在javaeye上的一��关于跨域访问的帖子�Q�他提到自己已经用iframe的方式解决了跨域讉K��问题。数据提交跟获取�Q�采用iframe�q�种方式的确可以了，但由于父�H�口与子�H�口之间不能交互�Q�跨域访问的情况下，�q�种交互被拒�l�）�Q�因此无法完成对父窗口效果的影响�?br> 4�? 用户本地转储方式�Q�IE本��n依附于windows�q�_��的特性�ؓ我们提供了一�U�基于iframe�Q�利用内存来“�l�行”的方案，即两个window之间可以�? 客户端通过windows剪脓板的方式�q�行数据传输�Q�只需要在接受数据的一方设�|�Interval�q�行轮询�Q�获得结果后清除Interval卛_��。FF�? �q�_��独立性决定了它不支持剪脓板这�U�方式，而以往版本的FF中存在的插�g漏洞又被fixed了，所以FF无法通过内存来完成暗渡陈仓。而由于文件操作FF 也没有提供支持（无法通过Cookie跨域完成数据传递）�Q�致使这�U�技巧性的方式只能在IE中��用�?br> 5、我自己用于解决�q�类�? 题的方式�Q�结合了前面几种方式�Q�在讉K��A�|�站�Ӟ��先请求B�|�站完成数据处理�Q�再�Ҏ��q�回的标识来获得所需的结果。这�U�方法的�~�点也很明显�Q�B�|�站的负载增大了。优点，对session也实��C��保持�Q�同时A�|�站与B�|�站��面间的交互能力增强了。最重要的一点，�q�种�Ҏ��满��了我的全部需�? <div align=right><a style="text-decoration:none;" href="http://www.tkk7.com/cgogg/" target="_blank">chenguo</a> 2007-06-18 18:16 <a href="http://www.tkk7.com/cgogg/articles/124992.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> chenguo — Wed, 13 Jun 2007 03:05:00 GMT 在我们进行jsp的开发中�Q�不可避免的会遇到有jsp层叠的情况，所以经�q�我的试验，�q�个标签�q�是很有的作用的。下面我们来看看具体怎么使用�Q? 首先 <script language="Javascript">  </script> 里面的属性我��׃��多说了，都是很常见的。这里我多写了一个函数dyniframesize()�Q�它的作用是处理装蝲��面与容器页面的同步�Q�即��大��调整到合适的位置�?br>因�ؓ�q�样装蝲的页面很隑֛�定的控制大小�Q�所以用Document�q�行相对大小的设定，是一个不错的��x��?/p> <div align=right><a style="text-decoration:none;" href="http://www.tkk7.com/cgogg/" target="_blank">chenguo</a> 2007-06-13 11:05 <a href="http://www.tkk7.com/cgogg/articles/123818.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div> </article> <article> chenguo — Wed, 13 Jun 2007 02:26:00 GMT <h1>一日精通Ajax技�?/h1> 　　Ajax�q�个名称怎么来的�Q�本��Z��不得而之了，大概是（Active Javascript Action Xml�Q�吧�Q�说白一点就是运用了 javascript、xmlhttp和xmldom技术及�|�站后台来处理用��L��一些操作的�Ҏ��吧�?/p> 　　那么本�h��分三步来说明如何��?Ajax 技术来做开发�?/p> 　　一、用 javascript 操作 xmlhttp 对象 　　二、服务器部对xmlhttp��h��的响应（PHP范例�Q?/p> 　　三、xmldom 的��用方�?/p> 　　先说�W�一部䆾�Q?/p> 　　一、用 javascript 操作 xmlhttp 对象 　　IE7, Mozilla ,Firefox�{�浏览器中，javascript是内�|�有 XMLHttpRequest �q�个对象的，但IE5+则没有，需要用如下�Ҏ��来启动： //IE 6 try{ xhttp = new ActiveXObject("Msxml2.XMLHTTP";} catch(e){ ; } //IE5+ if(xhttp == null) try { xhttp = new ActiveXObject("Microsoft.XMLHTTP";} catch(e){ ; } 　　那考虑不同��览器的兼容�Q�启动一个xmlhttp一般都要按如下方式�Q?/p> CODE:[Copy to clipboard]var xhttp = null; if(window.XMLHttpRequest){ //IE7, Mozilla ,Firefox �{�浏览器内置该对�?/p> xhttp = new XMLHttpRequest(); }else if(window.ActiveXObject){ //IE6、IE5 try{ xhttp = new ActiveXObject("Msxml2.XMLHTTP");} catch (e){ ; } if( xhttp == null) try { xhttp = new ActiveXObject("Microsoft.XMLHTTP");} catch (e){; } } 　　对于 xmlhttp 的��用，一般遵守如下的��序�Q?/p> 　　1、初始化 xmlhttp 对象�Q�上文）�Q?/p> 　　2、打开链接 　　�Ҏ�� xhttp.open("GET", purl, true); 　　参数一�Q�用 GET �?POST 方式发送数�?/p> 　　参数二、请求网址�Q�只能请求你服务器上的资源，一般浏览器安全限制不能��d��跨域的数据） 　　参数三、true 表示异步传输�Q�服务器�q�回信息完成前，你可以进行其它操作）�Q�false 表示��L��方式的传输�?/p> 　　3、设定要发送的 http ��h��?/p> 　　�Ҏ��Q?/p> xhttp.setRequestHeader(key,value); 　　一般来��_��默认要发送的头是�Q�xhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"; 　　�q�种表示发送的内容�c�d��的请求头用于发送文本数据，而且javascript默认是以unicode发送的�Q�还有另外一�U��Ş式是�Q�xhttp.setRequestHeader("Content-Type","multipart/form-data";�q�表�C�发送二制�Ş式的数据�Q�由于安全性原因，javascript一般不能用�q�种方式来发送数据，所以这个头一般没什么用�?/p> 　　如果你的�|�站开启了使用 refer 参数来防盗链�Q�那么你必须用这个方法指�?Refer 参数�Q�或者如果用户需要登录才能进行某操作�Q�那么要指定 Cookie 的请求头�?/p> 　　4、send 数据 　　�Ҏ��Q�xhttp.send(postdata); 　　对于�?get��L��h��Q�不需要指定postdata�Q�直接用 test.php?a=a&b=b �q�样形式的网址来请求即可�?/p> 　　如果是post方式�Q�需要用 key1=value2&key2=value2 �q�样的�Ş式来�Ҏ��据进行处理，把它合�ƈ�? postdata 字串中，然后发送�?/p> 　　注意事项�Q?/p> 　　javascript默认发送数据的方式是unicode�Q�处理返回的数据必须是utf-8格式�Q�因此，在发送的时候，需要用escape()函数来处理postdata和网址的value�Q�在服务器上必须�q�原�q�些value�Q��ƈ把unicode转�ؓ��面�~�码��|��因此如果�?jsp �?asp.<a title="25175.net分网�?>net</a> 都会比较��单，但如果用php处理��h��是什么费劲的�Q�等下会教你如何做�?/p> 　　5、确认服务器�q�回资料完成下蝲 　　[1] 如果用阻断的方式来发送请求，那么直接�? if(xhttp.readyState == 4)��p��判断是否完成�?/p> readyState 的具体属性��gؓ�Q?br> 0 没open 1 没send 2 状态未�?br> 3 正在传�?br> 4 传送完�?/p> 　　当然��Z��保障赯��Q�还需要加多一重判断，��是 if(xhttp.status == 200) �Q�status ��是 http 协议里的�q�回头代�?/p> 1xx 表示�Q�唉呀�Q�忘��C��Q?br> 2xx 表示成功的信�?br> 3xx 表示��面转移 4xx ��面不存�?br> 5xx 表示服务器的各种错误 　　如果你的��面没特�D�处理，一般用 if(xhttp.status == 200) 来确信内容返回是正确�?/p> 　　[2] 如果用异步传输，需要用 onreadystatechange 的事件来监听 xhttp.onreadystatechange = function() { //�q�里来进行上面阻断方式的判断 if(myajax.xhttp.readyState == 4){ if(myajax.xhttp.status == 200){ //要进行的后箋操作 } } } 　　6、获取返回结�?/p> 属性： [1]xhttp.responseBody; [2]xhttp.responseStream; [3]xhttp.responseXml; [4]xhttp.responseText; 　　其中1�?都是二进制的方式�Q�一般很��会用到�Q?不用看都知道�?/p> 　　如果服务端无意外的话[3]�q�回的是一个xmldom的对�?/p> 　　二、服务器部对xmlhttp��h��的响应（PHP范例�Q?/p> 　　��Z��化操作，在这里把 xmlhttp的各作操作封装�ؓ一个类 　　CODE:[Copy to clipboard]function DedeAjax(WiteOKFunc){ //WiteOKFunc 为异步状态事件处理函�? //xmlhttp和xmldom对象 this.xhttp = null; this.xdom = null; //post或get发送数据的键值对 this.keys = Array(); this.values = Array(); this.keyCount = -1; //http��h��?br> this.rkeys = Array(); this.rvalues = Array(); this.rkeyCount = -1; //��h��头类�?br> this.rtype = 'text'; //初始化xmlhttp if(window.XMLHttpRequest){//IE7, Mozilla ,Firefox �{�浏览器内置该对�?br> this.xhttp = new XMLHttpRequest(); }else if(window.ActiveXObject){//IE6、IE5 try { this.xhttp = new ActiveXObject("Msxml2.XMLHTTP");} catch (e) { } if (this.xhttp == null) try { this.xhttp = new ActiveXObject("Microsoft.XMLHTTP");} catch (e) { } } this.xhttp.onreadystatechange = WiteOKFunc; //rs: responseBody、responseStream、responseXml、responseText //以下为成员函�?br> //-------------------------------- //初始化xmldom this.InitXDom = function(){ var obj = null; if (typeof(DOMParser) != "undefined") { // Gecko、Mozilla、Firefox var parser = new DOMParser(); obj = parser.parseFromString(xmlText, "text/xml"); } else { // IE try { obj = new ActiveXObject("MSXML2.DOMDocument");} catch (e) { } if (obj == null) try { obj = new ActiveXObject("Microsoft.XMLDOM"); } catch (e) { } } this.xdom = obj; }; //增加一个POST或GET键值对 this.AddKey = function(skey,svalue){ this.keyCount++; this.keys[this.keyCount] = skey; this.values[this.keyCount] = escape(svalue); }; //增加一个Http��h��头键值对 this.AddHead = function(skey,svalue){ this.rkeyCount++; this.rkeys[this.rkeyCount] = skey; this.rvalues[this.rkeyCount] = svalue; }; //清除当前对象的哈希表参数 this.ClearSet = function(){ this.keyCount = -1; this.keys = Array(); this.values = Array(); this.rkeyCount = -1; this.rkeys = Array(); this.rvalues = Array(); }; //发送http��h��?br> this.SendHead = function(){ if(this.rkeyCount!=-1){ //发送用戯��行设定的��h��?br> for(;i<=this.rkeyCount;i++){ this.xhttp.setRequestHeader(this.rkeys[i],this.rvalues[i]); } } if(this.rtype=='binary'){ this.xhttp.setRequestHeader("Content-Type","multipart/form-data"); }else{ this.xhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); } }; //用Post方式发送数�?br> this.SendPost = function(purl){ var pdata = ""; var i=0; this.state = 0; this.xhttp.open("POST", purl, true); this.SendHead(); if(this.keyCount!=-1){ //post数据 for(;i<=this.keyCount;i++){ if(pdata=="") pdata = this.keys[i]+'='+this.values[i]; else pdata += "&"+this.keys[i]+'='+this.values[i]; } } this.xhttp.send(pdata); }; //用GET方式发送数�?br> this.SendGet = function(purl){ var gkey = ""; var i=0; this.state = 0; if(this.keyCount!=-1){ //get参数 for(;i<=this.keyCount;i++){ if(gkey=="") gkey = this.keys[i]+'='+this.values[i]; else gkey += "&"+this.keys[i]+'='+this.values[i]; } if(purl.indexOf('?')==-1) purl = purl + '?' + gkey; else purl = purl + '&' + gkey; } this.xhttp.open("GET", purl, true); this.SendHead(); this.xhttp.send(); }; } // End Class DedeAjax 上面代码保存为： dedeajax.js ok 那现在做个最��单的��试�?br> test.htm CODE:[Copy to clipboard]<script language='javascript' src='dedeajax.js'></script> <script language='javascript'> function WiteOK() { var myinfo = document.getElementById("myinfo"); if(myajax.xhttp.readyState == 4){ if(myajax.xhttp.status == 200){ myinfo.innerHTML = myajax.xhttp.responseText; } } } var myajax = new DedeAjax(WiteOK); myajax.AddKey("key1","----------------------------"); myajax.SendPost("test.php"); </script> <div id='myinfo'><div> test.php CODE:[Copy to clipboard]<? header("Content-Type: text/html; charset=gb2312"); echo $_POST['key1']; ?> 看到了什么了呢？不用�Ȁ动，真正让你头痛的东西还没有出来�?/p> 把类里面�?/p> CODE:[Copy to clipboard]this.AddKey = function(skey,svalue){ this.keyCount++; this.keys[this.keyCount] = skey; this.values[this.keyCount] = svalue;//escape(svalue); }; escape 屏蔽�?/p> 发�? myajax.AddKey("key1","-----�?--�?---�?----"; 看到什么了�Q��ؕ码是吧？呵呵�Q�这回开始头大了 先把 escape攑֛��?br> this.values[this.keyCount] = escape(svalue); 那么看到的就�?br> -----%u4E2D---%u56FD----%u4EBA----- 如何�?nbsp; %u4E2D �q�些东西弄回来呢�Q�对于php而言�q�是一个很复杂的问题，如果用asp��q��单多�?/p> 下面是我写的一个函敎ͼ� CODE:[Copy to clipboard]//unicode url�~�码转gbk�~�码函数 function Unicode2Gbk($str) { //载入对照词典 if(!isset($GLOBALS['GbkUniDic'])) { $ds = file("./data/gbk_unicode.dic"); foreach($ds as $l){ $GLOBALS['GbkUniDic'][hexdec('0x'.substr($l,0,4))] = substr($l,5,4); } } //处理字符�?br> $glen = strlen($str); $okstr = ""; for($i=0; $i < $glen; $i++) { if( $glen-$i > 4){ if($str[$i]=='%' && $str[$i+1]=='u'){ $uni = hexdec('0x'.substr($str,$i+2,4)); if(isset($GLOBALS['GbkUniDic'][$uni])){ $uni = $GLOBALS['GbkUniDic'][$uni]; $okstr .= chr(hexdec(substr($uni,0,2))).chr(hexdec(substr($uni,2,2))); } else $okstr .= "&#{".hexdec("0x".$uni).";"; $i = $i+5; } else $okstr .= $str[$i]; } else $okstr .= $str[$i]; } return $okstr; } 词典文�g�Q?<a >http://www.ce86.com/myimg/data.rar</a> 把test.php 输出改�ؓ echo Unicode2Gbk($_POST['key1']); 正常了吧 以下说下面和xml有关的东西的�?/p> 　　三、xmldom 的��用方�?br> �׃��本文仅是牵针引线的作用，�q�一章就��单些�Q�因为针对的�?php �Q�如果针对的�?asp.<a title="25175.net分网�?>net</a> �?jsp 写涉�?web server �cȝ��通信�Q�已�l�不单纯�?ajax 的问题了�Q�本章的��d��是把test2.php CODE:[Copy to clipboard]<? header("Content-Type: text/xml; charset=gb2312"); echo '<'.'?'."xml version=\"1.0\" encoding=\"gb2312\" ".'?'."> <myhome> <item sex=\"男\">我是��一</item> <item sex=\"女\">我是��二</item> </myhome> "; ?>�q�个xml文档在客��L��用自��q��方式展现出来。因为xml�q�种东西比较�ȝ��Q�所以语法也必须严格�Q�test2.htm的页面的源码�?/p> CODE:[Copy to clipboard]<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>ajax��试

在IE中测试一下，如果弹出的对话框�?[object] ��p��C�成功获得返回的xml的xmldoc了�?/p>
那下面是处理�Q?/p>
CODE:[Copy to clipboard]function WiteOK()
{
 var myinfo = document.getElementById("myinfo");
 var mydom = null;
 myinfo.innerHTML = "以下是处理结果：
";
 if(myajax.xhttp.readyState == 4){
 mydom = myajax.xhttp.responseXml;
 var nodeList = mydom.selectNodes("/myhome/item");
 var mynode = null;
 var myatt = null;
 var mysex = "";
 for(i=1;i<=nodeList.length;i++)
 {
 mynode = nodeList[i-1];
 for(j=0;j < myinfo.attributes.length;j++)
 {
 if(!mynode.attributes[j]) break;
 myatt = mynode.attributes[j];
 if(myatt.name=='sex') mysex = myatt.value;
 }
 myinfo.innerHTML += "我是�Q?+mynode.text+"�Q�我的性别是："+ mysex +"
";
 }
 }
}

�l�果�Q?/p>
CODE:[Copy to clipboard]以下是处理结果：
我是�Q�我是小一�Q�我的性别是：�?br> 我是�Q�我是小二，我的性别是：�?br> OK�Q�目的已�l�达�?/p>
　　关于dom的部份只在IE6中测试过�Q�可能在firefox中会有问题，大家可能参考与兼容性有关的文档�?/p>

chenguo 2007-06-13 10:26 发表评论

ajax�l��g--xmlhttp

chenguo — Wed, 13 Jun 2007 02:14:00 GMT

XMLHTTP的��?

　　��֐�思义�Q�XMLHTTP是个传送XML格式数据的超文本传输协议�?

　　实际上，XMLHTTP的数据传输过�E�更为灵�z�M��些：

　　它上传的指��o可以是XML格式数据�Q�也可以是字�W�串�Q�流�Q�或者一个无�W�号整数数组。还可以是URL的参数�?

　　它下辄��l�果可以是XML格式数据�Q�也可以是字�W�串�Q�流�Q�或者一个无�W�号整数数组�?

　　详情可参阅文末链接�?

　　客户端调用XMLHTTP的过�E�很��单，只有5个步骤：

　　1、创建XMLHTTP对象

　　2、打开与服务端的连接，同时定义指��o发送方式，服务�|�页(URL)和请求权限等�?

　　客户端通过Open命��o打开与服务端的服务网��늚��q�接。与普通HTTP指��o传送一��P��可以�?GET"�Ҏ��?POST"�Ҏ��指向服务端的服务�|�页�?

　　3、发送指令�?

　　4、等待�ƈ接收服务端返回的处理�l�果�?

　　5、释放XMLHTTP对象

　　XMLHTTP�Ҏ��

　　Open bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassword

　　bstrMethod�Q�数据传送方式，即GET或POST�?

　　bstrUrl�Q�服务网��늚�URL�?/p>
　　varAsync�Q�是否同步执行。缺省�ؓTrue�Q�即同步执行�Q�但只能在DOM中实施同步执行。应用中一般将其置为False�Q�即异步执行�?/p>
　　bstrUser�Q�用户名�Q�可省略�?

　　bstrPassword�Q�用户口令，可省略�?

　　Send varBody

　　varBody�Q�指令集。可以是XML格式数据�Q�也可以是字�W�串�Q�流�Q�或者一个无�W�号整数数组。也可以省略�Q�让指��o通过Open�Ҏ��的URL参数代入�?

　　setRequestHeader bstrHeader, bstrValue

　　bstrHeader�Q�HTTP �?header)

　　bstrValue�Q�HTTP �?header)的�?/p>
　　如果Open�Ҏ��定义为POST�Q�可以定义表单方式上传xmlhttp.setRequestHeader "Content-Type", "application/x-www-form-urlencoded"

　　XMLHTTP属�?/p>
　　onreadystatechange�Q�在同步执行方式下获得返回结果的事�g句柄。只能在DOM中调用�?

　　responseBody�Q�结果返回�ؓ无符��h��数数�l��?

　　responseStream�Q�结果返回�ؓIStream��?

　　responseText �Q�结果返回�ؓ字符丌Ӏ?

　　responseXML�Q�结果返回�ؓXML格式数据�?

　　下面是本文附件源�E�序中的一个应用示例：

　　Function GetResult(urlStr)

　　Dim xmlHttp

　　Dim retStr

　　Set xmlHttp = CreateObject("Msxml2.XMLHTTP") '创徏对象

　　On Error Resume Next '出错处理

　　xmlHttp.Open "POST", urlStr, False '用POST方式打开�q�接�Q�异步执行�?

　　xmlHttp.setRequestHeader "Content-Type", "application/x-www-form-urlencoded" '上传表单

　　xmlHttp.Send '发送指�?/p>
　　If Err.Number = 0 Then '如果�q�接正确

　　retStr = xmlHttp.responseText '�{�待�q�获得服务端�q�回的结果字�W�串

　　Else

　　retStr = "Url not found" '否则�q�回出错信息

　　End If

　　Set xmlHttp = nothing '释放对象

　　GetResult = retStr '�q�回�l�果

　　End Function

　　GetResult()函数带入一个服务网��늚�URL参数�Q�把上传的指令安攑֜�URL后面的参��C��Q�如�Q?

　　urlStr = "server.asp?cmd=" & cmd & "&db=" & db & "table=" & table

　　cmd�Q�执行方式，例如查询�Q�修改，删除�{�等�?

　　db�Q�服务端数据库名

　　table�Q�服务端表名

　　然后提交指��o�Q�等待�ƈ接收�q�回的处理结果。结果以字符串方式返回。最后由函数调用者处理�ƈ昄��l�果�?/p>

chenguo 2007-06-13 10:14 发表评论

ajax-http状态码手册

chenguo — Wed, 13 Jun 2007 02:09:00 GMT

(一) HTTP 1.1支持的状态代�?/p>
100 Continue 初始的请求已�l�接受，客户应当�l�箋发送请求的其余部分
101 Switching Protocols 服务器将遵从客户的请求�{换到另外一�U�协�?br> 200 OK 一切正常，对GET和POST��h��的应�{�文档跟在后面�?br> 201 Created 服务器已�l�创��Z��文档�Q�Location头给��Z��它的URL�?
202 Accepted 已经接受��h��Q�但处理��未完成�?
203 Non-Authoritative Information 文档已经正常地返回，但一些应�{�头可能不正��，因�ؓ使用的是文档的拷�?
204 No Content 没有新文档，��览器应该��l�显�C�原来的文档。如果用户定期地��h��面�Q�而Servlet可以��定用户文档��_��斎ͼ��q�个状态代码是很有用的
205 Reset Content 没有新的内容�Q�但��览器应该重�|�它所昄��的内宏V��用来强制浏览器清除表单输入内容
206 Partial Content 客户发送了一个带有Range头的GET��h��Q�服务器完成了它
300 Multiple Choices 客户��h��的文档可以在多个位置扑ֈ��Q�这些位�|�已�l�在�q�回的文档内列出。如果服务器要提��Z��先选择�Q�则应该在Location应答头指明�?
301 Moved Permanently 客户��h��的文档在其他地方�Q�新的URL在Location头中�l�出�Q�浏览器应该自动地访问新的URL�?
302 Found �c�M��?01�Q�但新的URL应该被视��Z��时性的替代�Q�而不是永久性的�?
303 See Other �c�M��?01/302�Q�不同之处在于，如果原来的请求是POST�Q�Location头指定的重定向目标文档应该通过GET提取
304 Not Modified 客户端有�~�冲的文档�ƈ发出了一个条件性的��h��Q�一般是提供If-Modified-Since头表�C�客户只��x��指定日期更新的文档）。服务器告诉客户�Q�原来缓冲的文档�q�可以��l��用�?
305 Use Proxy 客户��h��的文档应该通过Location头所指明的代理服务器提取
307 Temporary Redirect �?02�Q�Found�Q�相同。许多浏览器会错误地响应302应答�q�行重定向，即��原来的请求是POST�Q�即使它实际上只能在POST��h��的应�{�是303时才能重定向。由于这个原因，HTTP 1.1新增�?07�Q�以便更加清除地区分几个状态代码：当出�?03应答�Ӟ��览器可以跟随重定向的GET和POST��h��Q�如果是307应答�Q�则��览器只能跟随对GET��h��的重定向�?
400 Bad Request ��h��出现语法错误�?
401 Unauthorized 客户试图未经授权讉K��受密码保护的��面。应�{�中会包含一个WWW-Authenticate��_��览器据此显�C�用户名�?密码对话框，然后在填写合适的Authorization头后再次发出��h��?
403 Forbidden 资源不可用�?br> 404 Not Found 无法扑ֈ�指定位置的资�?br> 405 Method Not Allowed ��h��Ҏ��Q�GET、POST、HEAD、DELETE、PUT、TRACE�{�）�Ҏ��定的资源不适用�?br> 406 Not Acceptable 指定的资源已�l�找刎ͼ�但它的MIME�c�d��和客户在Accpet头中所指定的不兼容
407 Proxy Authentication Required �c�M��?01�Q�表�C�客户必��d��l�过代理服务器的授权�?br> 408 Request Timeout 在服务器许可的等待时间内�Q�客户一直没有发��Z�Q何请求。客户可以在以后重复同一��h��?
409 Conflict 通常和PUT��h��有关。由于请求和资源的当前状态相冲突�Q�因此请求不能成功�?br> 410 Gone 所��h��的文档已�l�不再可用，而且服务器不知道应该重定向到哪一个地址。它�?04的不同在于，�q�回407表示文档�怹�地离开了指定的位置�Q��?04表示�׃��未知的原因文档不可用�?
411 Length Required 服务器不能处理请求，除非客户发送一个Content-Length头�?
412 Precondition Failed ��h��头中指定的一些前提条件失�?br> 413 Request Entity Too Large 目标文档的大��超�q�服务器当前愿意处理的大��。如果服务器认�ؓ自己能够�E�后再处理该��h��Q�则应该提供一个Retry-After�?
414 Request URI Too Long URI太长
416 Requested Range Not Satisfiable 服务器不能满��_��户在��h��中指定的Range�?br> 500 Internal Server Error 服务器遇��C��意料不到的情况，不能完成客户的请�?br> 501 Not Implemented 服务器不支持实现��h��所需要的功能。例如，客户发出了一个服务器不支持的PUT��h��
502 Bad Gateway 服务器作为网��x��者代理时�Q��ؓ了完成请求访问下一个服务器�Q�但该服务器�q�回了非法的应答
503 Service Unavailable 服务器由于维护或者负载过重未能应�{�。例如，Servlet可能在数据库�q�接池已满的情况下返�?03。服务器�q�回503时可以提供一个Retry-After�?
504 Gateway Timeout �׃��Z��理或�|�关的服务器使用�Q�表�C�Z��能及时地从远�E�服务器获得应答
505 HTTP Version Not Supported 服务器不支持��h��中所指明的HTTP版本

(�? XMLHttpRequest 对象�Ҏ��

abort() 停止当前��h��
getAllResponseHeaders() 作�ؓ字符串返问完整的headers
getResponseHeader("headerLabel") 作�ؓ字符串返问单个的header标签
open("method","URL"[,asyncFlag[,"userName"[, "password"]]]) 讄��未决的请求的目标 URL, �Ҏ��, 和其他参�?br> send(content) 发送请�?br> setRequestHeader("label", "value") 讄��header�q�和��h��一起发�?/p>
(�? XMLHttpRequest 对象属�?/p>

onreadystatechange 状态改变的事�g触发�?br> readyState 对象状�?integer):
 0 = 未初始化
 1 = ��d��?br> 2 = 已读�?br> 3 = 交互�?br> 4 = 完成
responseText 服务器进�E�返回数据的文本版本
responseXML 服务器进�E�返回数据的兼容DOM的XML文档对象
status 服务器返回的状态码, 如：404 = "文�g末找�? �?00 ="成功"
statusText 服务器返回的状态文本信�?/p>

chenguo 2007-06-13 10:09 发表评论

chenguo — Wed, 13 Jun 2007 02:01:00 GMT

http://dev2dev.bea.com.cn/bbs/thread.jspa?forumID=121&threadID=28135&start=0&tstart=0

AJAX开发简�?br>
http://blog.csdn.net/ll_feng/archive/2006/01/23/587041.aspx
一、AJAX定义
二、现状与需要解决的问题
三、�ؓ什么��用AJAX
四、谁在��用AJAX
五、用AJAX改进你的设计
例子1�Q�数据校�?br>例子2�Q�按需取数据—��联菜�?nbsp;
例子3�Q�读取外部数�?nbsp;
六、AJAX的缺�?nbsp;
七、AJAX开�?nbsp;
7.1、AJAX应用到的技�?nbsp;
A、XMLHttpRequest对象
B、Javascript
C、DOM
D、XML
7.2、AJAX开发框�?nbsp;
A、初始化对象�q�发出XMLHttpRequest��h��
B、指定响应处理函�?nbsp;
C、发出HTTP��h��
D、处理服务器�q�回的信�?nbsp;
E、一个初步的开发框�?nbsp;
7.3、简单的�C�Z��
A、数据校�?nbsp;
B、��联菜�?nbsp;
参考文章：
在��用浏览器��览�|�页的时候，当页面刷新很慢的时候，你的��览器在�q�什么？你的屏幕内容是什么？是的�Q�你的浏览器在等待刷斎ͼ�而你的屏�q�内�Ҏ��一片空白，而你在屏�q�前苦苦的等待浏览器的响应。开发�h员�ؓ了克服这�U�尴��的局面，不得不在每一个可能需要长旉��{�待响应的页面上增加一个DIV�Q�告诉用�?#8220;�pȝ��正在处理您的��h��Q�请�E��?#8230;…”�?br>现在�Q�有一�U�越来越��行��热�?#8220;�?#8221;技术，可以��d��改变�q�种�H�迫的局面。那��是AJAX。如今，随着Gmail、Google-maps的应用和各种��览器的支持�Q�AJAX正逐渐吸引全世界的眼球�?br>一、AJAX定义
AJAX�Q�Asynchronous JavaScript and XML�Q�其实是多种技术的�l�合�Q�包括Javascript、XHTML和CSS、DOM、XML和XSTL、XMLHttpRequest。其中：
使用XHTML和CSS标准化呈玎ͼ�使用DOM实现动态显�C�和交互�Q��用XML和XSTL�q�行数据交换与处理，使用XMLHttpRequest对象�q�行异步数据��d��Q��用Javascript�l�定和处理所有数据�?br>在AJAX提出之前�Q�业界对于上�q�技术都只是单独的��用，没有�l�合使用�Q�也是由于之前的技术需求所军_��的。随着应用的广泛，AJAX也成为香饽饽了�?br>二、现状与需要解决的问题
传统的Web应用采用同步交互�q�程�Q�这�U�情况下�Q�用户首先向HTTP服务器触发一个行为或��h��的呼求。反�q�来�Q�服务器执行某些��d��Q�再向发��求的用户�q�回一个HTML��面。这是一�U�不�q�诏的用户体验，服务器在处理��h��的时候，用户多数旉��处于�{�待的状态，屏幕内容也是一片空白。如下图�Q?br>
自从采用��文本作为Web传输和呈��C��后，我们都是采用�q�么一套传输方式。当负蝲比较��的时候，�q��ƈ不会体现出有什么不妥。可是当负蝲比较大，响应旉��要很长，1分钟�?分钟……数分钟的时候，�q�种�{�待��׃��可忍受了。严重的�Q�超�q�响应时��_��服务器干脆告诉你��面不可用。另外，某些时候，我只是想改变��面一��部分的数据�Q�那��Z��么我必须重新加蝲整个��面呢？�Q�当软�g设计��来��讲�I��h性化的时候，�q�么�p�糕的用户体验简直与�q�种原则背道而驰。�ؓ什么老是要让用户�{�待服务器取数据呢？臛_��Q�我们应该减��用��L��待的旉��。现在，除了�E�序设计、编码优化和服务器调优之外，�q�可以采用AJAX�?br>三、�ؓ什么��用AJAX
与传�l�的Web应用不同�Q�AJAX采用异步交互�q�程。AJAX在用户与服务器之间引入一个中间媒介，从而消除了�|�络交互�q�程中的处理—等待—处理—等待缺炏V��用��L��览器在执行��d��时即装蝲了AJAX引擎。AJAX引擎用JavaScript语言�~�写�Q�通常藏在一个隐藏的框架中。它负责�~�译用户界面及与服务器之间的交互。AJAX引擎允许用户与应用��Y件之间的交互�q�程异步�q�行�Q�独立于用户与网�l�服务器间的交流。现在，可以用Javascript调用AJAX引擎来代替��生一个HTTP的用户动作，内存中的数据�~�辑、页面导航、数据校验这些不需要重新蝲入整个页面的需求可以交�l�AJAX来执行�?br>
使用AJAX�Q�可以�ؓISP、开发�h员、终端用户带来可见的便捷�Q?br>�?nbsp; 减轻服务器的负担。AJAX的原则是“按需取数�?#8221;�Q�可以最大程度的减少冗余��h��Q�和响应�Ҏ��务器造成的负担�?br>�?nbsp; 无刷新更新页面，减少用户心理和实际的�{�待旉��。特别的�Q�当要读取大量的数据的时候，不用像Reload那样出现白屏的情况，AJAX使用XMLHTTP对象发送请求�ƈ得到服务器响应，在不重新载入整个��面的情况下用Javascript操作DOM最�l�更新页面。所以在��d��数据的过�E�中�Q�用��h��面对的不是白屏，是原来的��面内容�Q�也可以加一个Loading的提�C�框让用��L��道处于读取数据过�E�）�Q�只有当数据接收完毕之后才更新相应部分的内容。这�U�更新是瞬间的，用户几乎感觉不到�?br>�?nbsp; 带来更好的用户体验�?br>�?nbsp; 可以把以前一些服务器负担的工作�{嫁到客户端，利用客户端闲�|�的能力来处理，减轻服务器和带宽的负担，节约�I�间和宽带租用成本�?br>�?nbsp; 可以调用外部数据�?br>�?nbsp; ��Z��标准化的�q�被�q�泛支持的技术，不需要下载插件或者小�E�序�?br>�?nbsp; �q�一步促�q�页面呈现和数据的分��R�?br>四、谁在��用AJAX
在应用AJAX开发上面，Google当仁不让是表率。Orkut、Gmail、Google Groups、Google Maps、Google Suggest都应用了�q�项技术。Amazon的A9.com搜烦引擎也采用了�c�M��的技术�?br>微��Y也在�U�极开发更为完善的AJAX应用�Q�它卛_��推出代号为Atlas的AJAX工具。Atlas的功能超��了AJAX本��n�Q�包括整合Visual Studio的调试功能。另外，新的ASP.NET控�g��客户端控件与服务器端代码的捆�l�更为简�ѝ��Atlas客户脚本框架�Q�Atlas Clent Script Framework�Q�也使与�|�页及相关项目的交互更�ؓ便利。但Visual Studio 2005中�ƈ不包含此��功能�?br>微��Y最�q�宣布Atlas客户脚本框架��包含如下内容（详细资料误��问Atlas计划�|�站�Q�：
* 一个可扩展的核心框�Ӟ��它添加了JavaScript功能�Q�如生命同时期管理、��承管理、多点传送处理器和界面管理�?br>* 一个常见功能的基本�c�d��Q�有丰富的字�W�串处理、计时器和运行�Q务�?br>* 为HTML附加动态行为的用户界面框架�?br>* 一�l�用来简化服务器�q�通和�|�络讉K��的网�l�堆栈�?br>* 一�l�丰富的用户界面开发控�Ӟ��如：自动完成的文本框、动��d��拖放�?br>* 处理��览器脚本行为差异的��览器兼容层面�?br>典型的，微��Y��AJAX技术应用在MSN Space上面。很多�h一直都对MS Space服务感到很奇怪，当提交回复评��Z��后，��览器会暂时停顿一下，然后在无��h��的情况下把我提交的评论显�C�出来。这个就是应用了AJAX的效果。试惻I��如果��d��一个评论就要重新刷新整个页面，那可真费事�?br>目前�Q�AJAX应用最普遍的领域是GIS-Map斚w��。GIS的区域搜索强调快速响应，AJAX的特�Ҏ��好符合这�U�需求�?br>五、用AJAX改进你的设计
AJAX虽然可以实现无刷新更新页面内容，但是也不是什么地斚w��可以用，主要应用在交互较多、频�J�读数据、数据分�c�良好的Web应用中。现在，让我们�D两个例子�Q�看看如何用AJAX改进你的设计�?br>例子1�Q�数据校�?br>在输入form表单内容的时候，我们通常需要确保数据的唯一性。因此，常常在页面上提供“唯一性校�?#8221;按钮�Q�让用户点击�Q�打开一个校验小�H�口�Q�或者等form提交到服务器端，由服务器判断后在�q�回相应的校验信息。前者，window.open操作本来��是比较耗费资源的，通常由window. showModalDialog代替�Q�即使这样也要弹��Z��个对话框�Q�后者，需要把整个��面提交到服务器�q�由服务器判断校验，�q�个�q�程不仅旉��长而且加重了服务器负担。而��用AJAX�Q�这个校验请求可以由XMLHttpRequest对象发出�Q�整个过�E�不需要弹出新�H�口�Q�也不需要将整个��面提交到服务器�Q�快速又不加重服务器负担�?br>例子2�Q�按需取数据—��联菜�?br>以前�Q��ؓ了避免每�ơ对菜单的操作引��L��重蝲��面�Q�不采用每次调用后台的方式，而是一�ơ性将�U�联菜单的所有数据全部读取出来�ƈ写入数组�Q�然后根据用��L��操作用JavaScript来控制它的子集项目的呈现�Q�这栯��然解决了操作响应速度、不重蝲��面以及避免向服务器频繁发送请求的问题�Q�但是如果用户不对菜单进行操作或只对菜单中的一部分�q�行操作的话�Q�那��d��的数据中的一部分��׃��成�ؓ冗余数据而浪费用��L��资源�Q�特别是在菜单结构复杂、数据量大的情况下（比如菜单有很多��、每一�U�菜又有上百个项目）�Q�这�U�弊端就更�ؓ�H�出�?br>现在应用AJAX�Q�在初始化页面时我们只读出它的第一�U�的所有数据�ƈ昄��Q�在用户操作一�U�菜单其中一��Ҏ��Q�会通过Ajax向后台请求当前一�U�项目所属的二��子菜单的所有数据，如果再��l�请求已�l�呈现的二��菜单中的一��Ҏ��Q�再向后面请求所操作二��菜单��对应的所有三�U�菜单的所有数据，以此�c�L��……�q�样�Q�用什么就取什么、用多少��取多少�Q�就不会有数据的冗余和浪费，减少了数据下载总量�Q�而且更新��面时不用重载全部内容，只更新需要更新的那部分即可，相对于后台处理�ƈ重蝲的方式羃短了用户�{�待旉��Q�也把对资源的浪贚w��到最低�?br>例子3�Q�读取外部数�?br>AJAX可以调用外部数据�Q�因此，可以对一些开发的数据比如XML文档、RSS文档�q�行二次加工�Q�实现数据整合或者开发应用程序�?br>六、AJAX的缺�?br>AJAX不是完美的技术。��用AJAX�Q�它的一些缺陷不得不权衡一下：
�?nbsp; AJAX大量使用了Javascript和AJAX引擎�Q�而这个取决于��览器的支持。IE5.0及以上、Mozilla1.0、NetScape7及以上版本才支持�Q�Mozilla虽然也支持AJAX�Q�但是提供XMLHttpRequest的方式不一栗��所以，使用AJAX的程序必��L��试针对各个浏览器的兼�Ҏ��?br>�?nbsp; AJAX更新��面内容的时候�ƈ没有��h��整个��面�Q�因此，�|�页的后退功能是失效的�Q�有的用戯��l�常搞不清楚现在的数据是旧的�q�是已经更新�q�的。这个就需要在明显位置提醒用户“数据已更�?#8221;�?br>�?nbsp; �Ҏ��媒体的支持没有FLASH、Java Applet好�?br>�?nbsp; 一些手持设备（如手机、PDA�{�）现在�q�不能很好的支持Ajax�?br>七、AJAX开�?br>到这里，已经可以清楚的知道AJAX是什么，AJAX能做什么，AJAX什么地方不好。如果你觉得AJAX真的能给你的开发工作带来改�q�的话，那么�l�箋看看怎么使用AJAX吧�?br>7.1、AJAX应用到的技�?br>AJAX涉及到的7��Ҏ��术中�Q�个��为Javascript、XMLHttpRequest、DOM、XML比较有用�?br>A、XMLHttpRequest对象
XMLHttpRequest是XMLHTTP�l��g的对象，通过�q�个对象�Q�AJAX可以像桌面应用程序一样只同服务器�q�行数据层面的交换，而不用每�ơ都��h��界面�Q�也不用每次��数据处理的工作都交�l�服务器来做�Q�这��h��减轻了服务器负担又加快了响应速度、羃短了用户�{�待的时间�?br>IE5.0开始，开发�h员可以在Web��面内部使用XMLHTTP ActiveX�l��g扩展自��n的功能，不用从当前的Web��面��D��可以直接传输数据到服务器或者从服务器接收数据�?Mozilla1.0以及NetScape7则是创徏�l�承XML的代理类XMLHttpRequest�Q�对于大多数情况�Q�XMLHttpRequest对象和XMLHTTP�l��g很相��|��Ҏ��和属性类��|��只是部分属性不同�?br>XMLHttpRequest对象初始化：
XMLHttpRequest对象的方法：
�Ҏ�� 描述
abort() 停止当前��h��
getAllResponseHeaders() 作�ؓ字符串返回完整的headers
getResponseHeader("headerLabel") 作�ؓ字符串返回单个的header标签
open("method","URL"[,asyncFlag[,"userName"[, "password"]]]) 讄��未决的请求的目标 URL�Q�方法，和其他参�?br>send(content) 发送请�?br>setRequestHeader("label", "value") 讄��header�q�和��h��一起发�?br>XMLHttpRequest对象的属性：
属�?nbsp; 描述
onreadystatechange 状态改变的事�g触发�?br>readyState 对象状�?integer):
0 = 未初始化
1 = ��d��?br>2 = 已读�?br>3 = 交互�?br>4 = 完成
responseText 服务器进�E�返回数据的文本版本
responseXML 服务器进�E�返回数据的兼容DOM的XML文档对象
status 服务器返回的状态码, 如：404 = "文�g未找�? �?00 ="成功"
statusText 服务器返回的状态文本信�?br>B、Javascript
Javascript一直被定位为客��L��的脚本语�a��Q�应用最多的地方是表单数据的校验。现在，可以通过Javascript操作XMLHttpRequest�Q�来跟数据库打交道�?br>C、DOM
DOM�Q�Document Object Model�Q�是提供�l�HTML和XML使用的一�l�API�Q�提供了文�g的表�q�结构，�q�可以利用它改变其中的内容和可见物。脚本语�a�通过DOM才可以跟��面�q�行交互。Web开发�h员可操作及徏立文件的属性、方法以及事仉��以对象来展现。比如，document��׃��表页面对象本�w��?br>D、XML
通过XML�Q�Extensible Markup Language�Q�，可以规范的定义结构化数据�Q�是�|�上传输的数据和文档�W�合�l�一的标准。用XML表述的数据和文档�Q�可以很�Ҏ��的让所有程序共享�?br>7.2、AJAX开发框�?br>�q�里�Q�我们通过一步步的解析，来�Ş成一个发送和接收XMLHttpRequest��h��的程序框架。AJAX实质上也是遵循Request/Server模式�Q�所以这个框架基本的��程也是�Q�对象初始化à发送请�?#224;服务器接�?#224;服务器返�?#224;客户端接�?#224;修改客户端页面内宏V��只不过�q�个�q�程是异步的�?br>A、初始化对象�q�发出XMLHttpRequest��h��
��Z��让Javascript可以向服务器发送HTTP��h��Q�必��M��用XMLHttpRequest对象。��用之前，要先��XMLHttpRequest对象实例化。之前说�q�，各个��览器对�q�个实例化过�E�实��C��同。IE以ActiveX控�g的�Ş式提供，而Mozilla�{�浏览器则直接以XMLHttpRequest�cȝ��形式提供。�ؓ了让�~�写的程序能够跨��览器运行，要这样写�Q?br>if (window.XMLHttpRequest) { // Mozilla, Safari, ...
 http_request = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE
 http_request = new ActiveXObject("Microsoft.XMLHTTP");
}
有些版本的Mozilla��览器处理服务器�q�回的未包含XML mime-type头部信息的内�Ҏ��会出错。因此，要确保返回的内容包含text/xml信息�?br>http_request = new XMLHttpRequest();
http_request.overrideMimeType('text/xml');
B、指定响应处理函�?br>接下来要指定当服务器�q�回信息时客��L��的处理方式。只要将相应的处理函数名�U�赋�l�XMLHttpRequest对象的onreadystatechange属性就可以了。比如：
http_request.onreadystatechange = processRequest;
需要指出的�Ӟ��q�个函数名称不加括号�Q�不指定参数。也可以用Javascript��x��定义函数的方式定义响应函数。比如：
http_request.onreadystatechange = function() {
};
C、发出HTTP��h��
指定响应处理函数之后�Q�就可以向服务器发出HTTP��h��了。这一步调用XMLHttpRequest对象的open和send�Ҏ��?br>http_request.open('GET', 'http://www.example.org/some.file', true);
http_request.send(null);
open的第一个参数是HTTP��h��的方法，为Get、Post或者Head�?br>对于 GET ��h��Q��?null 值或�I�字�W�串“”�?
POST ��h��包含一个带有表单数据的字符串参数。它们也要求在请求的标题中设�|?Content-Type�?br>
�W�二个参数是目标URL。基于安全考虑�Q�这个URL只能是同�|�域的，否则会提�C?#8220;没有权限”的错误。这个URL可以是�Q何的URL�Q�包括需要服务器解释执行的页面，不仅仅是静态页面�?br>�W�三个参数只是指定在�{�待服务器返回信息的旉��内是否��l�执行下面的代码。如果�ؓTrue�Q�则不会�l�箋执行�Q�直到服务器�q�回信息。默认�ؓTrue�?br>按照��序�Q�open调用完毕之后要调用send�Ҏ��。send的参数如果是以Post方式发出的话�Q�可以是��M��想传�l�服务器的内宏V�?br>不过�Q�跟form一��P��如果要传文�g�l�服务器�Q�必��d��调用setRequestHeader�Ҏ��Q�修改MIME�c�d��。如下：
http_request.setRequestHeader(“Content-Type”,”application/x-www-form-urlencoded”);
req.send("name=scott&email=stiger@foocorp.com");
D、处理服务器�q�回的信�?br>在第二步我们已经指定了响应处理函敎ͼ��q�一步，来看看这个响应处理函数都应该做什么�?br>首先�Q�它要检查XMLHttpRequest对象的readyState��|��判断��h��目前的状态。参照前文的属性表可以知道�Q�readyState��gؓ4的时候，代表服务器已�l�传回所有的信息�Q�可以开始处理信息�ƈ更新��面内容了。如下：
if (http_request.readyState == 4) {
 // 信息已经�q�回�Q�可以开始处�?br>} else {
 // 信息�q�没有返回，�{�待
}
服务器返回信息后�Q�还需要判断返回的HTTP状态码�Q�确定返回的��面没有错误。所有的状态码都可以在W3C的官方网站上查到。其中，200代表��面正常�?br>if (http_request.status == 200) {
 // ��面正常�Q�可以开始处理信�?br>} else {
 // ��面有问�?br>}
XMLHttpRequest�Ҏ��功返回的信息有两�U�处理方式：
responseText�Q�将传回的信息当字符串��用；
responseXML�Q�将传回的信息当XML文档使用�Q�可以用DOM处理�?br>
function processXMLResponse() { if (req.readyState == 4) { if (request.status != 200) {// Process the XML response } } }
XML 响应的处理是通过使用标准 Javascript DOM �Ҏ��完成的。例如，要从输入�?XML ��中抽取员工姓名�Q?
Chris
您可以��用以下代码：
var name = req.responseXML.getElementsByTagName("employee")[0];
分析更�ؓ复杂�?XML 会��用如下代码�P代元素：

for (i=0;ifor (j=0;jvar ElementData = elements[i].childNodes[j].firstChild.nodeValue; }
}
E、一个初步的开发框�?br>�ȝ��上面的步骤，我们整理��Z��个初步的可用的开发框�Ӟ��供以后调用；�q�里�Q�将服务器返回的信息用window.alert以字�W�串的�Ş式显�C�出来：

7.3、简单的�C�Z��
接下来，我们利用上面的开发框架来做两个简单的应用�?br>A、数据校�?br>在用��h��册的表单中，�l�常��到要检验待注册的用户名是否唯一。传�l�的做法是采用window.open的弹出窗口，或者window. showModalDialog的对话框。不�q�，�q�两个都需要打开�H�口。采用AJAX后，采用异步方式直接��参数提交到服务器，用window.alert��服务器�q�回的校验信息显�C�出来。代码如下：
在之间增加一�D�form表单代码�Q?br>
在开发框架的基础上再增加一个调用函敎ͼ�
function userCheck() {
 var f = document.form1;
 var username = f.username.value;
 if(username=="") {
 window.alert("用户名不能�ؓ�I��?);
 f.username.focus();
 return false;
 }
 else {
 send_request('sample1_2.jsp?username='+username);
 }
}
看看sample1_2.jsp做了什么：
<%@ page contentType="text/html; charset=gb2312" errorPage="" %>
<%
String username = request.getParameter("username");
if("educhina".equals(username)) out.print("用户名已�l�被注册�Q�请更换一个用户名�?);
else out.print("用户名尚未被使用�Q�您可以�l�箋�?);
%>
�q�行一下，嗯，没有弹出�H�口�Q�没有页面刷斎ͼ�跟预想的效果一栗��如果需要的话，可以在sample1_2.jsp中实现更复杂的功能。最后，只要��反馈信息打印出来就可以了�?br>
B、��联菜�?br>我们在第五部分提到利用AJAX改进�U�联菜单的设计。接下来�Q�我们就演示一下如�?#8220;按需取数�?#8221;�?br>首先�Q�在中间增加如下HTML代码�Q?br>













 �l�理�?lt;/a>


 开发部


在框架的基础上增加一个响应函数showRoles(obj)�Q?br>//昄��部门下的岗位
function showRoles(obj) {
 document.getElementById(obj).parentNode.style.display = "";
 document.getElementById(obj).innerHTML = "正在��d��数据..."
 currentPos = obj;
 send_request("sample2_2.jsp?playPos="+obj);
}
修改框架的processRequest函数�Q?br>// 处理�q�回信息的函�?br>function processRequest() {
if (http_request.readyState == 4) { // 判断对象状�?br> if (http_request.status == 200) { // 信息已经成功�q�回�Q�开始处理信�?br> document.getElementById(currentPos).innerHTML = http_request.responseText;
 } else { //��面不正�?br> alert("您所��h��的页面有异常�?);
 }
}
}
最后就是smaple2_2.jsp了：
<%@ page contentType="text/html; charset=gb2312" errorPage="" %>
<%
String playPos = request.getParameter("playPos");
if("pos_1".equals(playPos))
out.print(" �ȝ��?lt;br> 副�ȝ��?);
else if("pos_2".equals(playPos))
out.println(" ��d��E�师
 软�g工程�?);
%>
�q�行一下看看效果：

参考文章：
作者： fanscial 标题�Q?nbsp; 《AJAX��介�?br>�|�址�Q?nbsp; http://www.tkk7.com/fanscial/archive/2005/08/31/11628.html

作者： Amour GUO 标题�Q?nbsp; 《AJAX内部交流文档�?br>�|�址�Q?nbsp; http://www.dragonson.com/doc/ajax.html

作者： MoztwWiki 标题�Q?nbsp; 《AJAX上手��?br>�|�址�Q?nbsp; http://wiki.moztw.org/index.php/AJAX_%E4%B8%8A%E6%89%8B%E7%AF%87

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=587041

chenguo 2007-06-13 10:01 发表评论

AjAX核心大纲

chenguo — Wed, 13 Jun 2007 01:58:00 GMT
Ajax是一��综合的技�?Ajax的��用过�E?首先是在HTML控�g中添加相应的事�g触发属�?使其具备事�g触发能力;其次是编写事件处理函�?�q�在�q? 个函��C��初始化XMLHttpRequest对象,指定响应处理�E�序,创徏http��h��,讄��必要的http��h��头信�?向服务器发送所创徏的http�? �?最后才是创建响应处理函�?在对http��h��状态进行判断的基础上作出既定的业务处理事务�?br> (一)事�g处理函数�Q�按照以下顺序处理下列事务：
 a) 初始化XMLHttpRequest对象�Q?br> 实现代码如下:
 if(widow.XMLHttpRequest) {//Mozilla,Safari,.......
 http_request= new XMLHttpRequest();
 } else if(window.ActiveXObject) {//IE
 http_request= new ActiveXObject("Microsoft.XMLHTTP");
 } else {
 window.alert("��览器没有实现XMLHttpRequest �l��g对象!");
 }
 b) 讄��XMLHttpRequest对象的onreadystatechange 属�?指定服务器返回响应数据时要调用的回调函数�Q?��x��定响应处理函敎ͼ�
 实现代码如下:
 http_request.onreadystatechange=processRequest;
 c) 调用XMLHttpRequest对象的open�Ҏ��,创徏http��h��Q?br> 实现代码如下:
 http_request.open("GET", "http://www.example.org/some.file", true);
 d) 调用XMLHttpRequest对象的setRequestHeader�{�方�?讄��必要的http��h��头信息；
 实现代码如下:
 http_request.setRequestHeader("Content-Type",application/x-www-form-urlencoded);
 e) 调用XMLHttpRequest对象的send�Ҏ��,发送之前创建的http��h��Q?br> 实现代码如下:
 http_request.send(null);
 f) �Ҏ��XMLHttpRequest对象的open�Ҏ��参数,军_��是否�{�待服务器返回响应数�?
 (�?回调函数(响应处理函数)执行以下事务�Q?br>　　　　aa) 判断http��h��的状�?�q�作相应处理;
 bb) 调用XMLHttpRequest对象的responseXML or responseText�Ҏ��,��服务器�q�回的响应数据赋予Javascript变量或对�?
 cc) 使用DOM或其它方式解析服务器�q�回的响应数据，保存在缓存变量或数组中；
 dd) 使用DOM解析HTML文档�Q�定位目标HTML文档节点;
 ee) 使用解析完毕的服务器�q�回的响应数�?更新上一步解�{�分析HTML文档节点的属性值或内容,从而更新HTML文档��面内容.

Ajax控�g和类库简�?br>
【导诅R��Ajax控�g和类库现在真的太多了�Q�本人对Ajax的观�?Ajax和服务器端技术毫不相�?DOM模型是Ajax最本质的技�?要学好JavaScript�Q�在使用Ajax控�g前理解它们的实现……

Ajax控�g和类库现在真的太多了�Q�不知不觉中增加了Ajax的神�U�性和复杂性，谈谈本�h对Ajax的观点，希望能让大家对Ajax有一个本质的认识�?br>
观点一�Q�Ajax和服务器端技术毫不相�?br>
�? 格的��_��与传�l�web开发相比，Ajax是完完全全的客户端技术。由于很多控件封装了客户端和服务器端的通信�q�程�Q�因此很多问题也因通信而�v。事实上�Q�不 ��Z��U�Ajax技术，服务器端都是�q�回的一个纯文本��，再由客户端来处理�q�个文本。这�D�|��本可以是xml格式�Q�也可以是一个Html片段�Q�也可以是一�D? JavaScript脚本�Q�或者仅是一个字�W�串。服务器端仅仅是作�ؓ一个数据接口，客户端��用XMLHttpRequest对象来请求这个页面，服务器端在页面内写入�l�果文本�Q�这个过�E�和普通的web开发没有�Q何区别。所不同的只是，客户端在异步获取�l�果后，不是直接昄��在页面，而是由客��L��? Javascript脚本处理后再昄��在页面。至于各�U�控件所谓的能返回DataSet对象�Q�Date对象�Q�或者其他的数据�c�d��Q�都是封装了�q�个处理�q�程的结果�?br>
观点二：DOM模型是Ajax最本质的技�?br>
之所以没有把XMLHttpRequest列�ؓ最本质的技术，因�ؓ�? ��得它实在是太��单了�Q�它只是可以让浏览器在后台请求一个页面，�q�将其内容交�l�JavaScript处理。真正的核心应该是：DOM模型�Q�即文档对象�? 型。在DOM模型里，Html标记都被认�ؓ是一个对象，例如�Q�div对象�Q�table对象�{�等。DOM模型��p��定了�q�些对象所��h��的属性、方法和事�g。�? �q�这些性质�Q�可以对一个已�l�显�C�Z��览器的��面�q�行内容的修改，例如增加节点、修改节点位�|�，删除节点�{�等。而不仅仅是一个innerHTML属性这么简单，虽然�q�是一个很有用的属性�?br>
观点三：在��用Ajax控�g前理解它们的实现

使用Ajax控�g的确可以提高效率�Q�但如果你空中楼阁般使用控�g�Q�那��得不偿�׃��。从一个控件换到另外一个控件又会有一个�O长的学习曲线。所以应该从底层了解�Ӟ��况且Ajax实在不是什么高��q��技术。其实�Q何东西的最底层其实都是��单的�Q�但如果��装了这些底层的东西�Q�事情会变得复杂和难以理解。以Asp.net��Z��Q�它的定制特性可以��得只要在�? 法前加上[ajax method]�c�M��q�样的标志就可以�U�Cؓ一个异步方法，�怿��q��得Asp.net的Ajax开发显得更�?#8220;高效”或者是“��秘”�Q�而更多的事情则被��装了。同栯��住一条，��M��Ҏ��务器端的��h��仅仅是返回纯文本�Q�我们不一定要依赖于封装好的处理过�E�，而完全可以自己来实现�?br>
观点四：学好JavaScript

�? 大多��C�h看来�Q�JavaScript��M��是那么一�U�正规的语言�Q�随便copy一�D�就��y能运行，学过c之类的�h�Q�一看也能看懂，而且在浏览器中常常有脚本错误提示�Q�所以潜意识觉得��M��能付之以大�Q。事实上�Q�要学好Ajax�Q�这��完全是一�U�错误的看法。javascript作�ؓ一�U�脚本语�a��Q�其语法的确不是很严��|��但�ƈ不妨��其完成诸多复杂的�Q务，没有JavaScript�Q�就没有Ajax。所以本人强烈徏议，学Ajax前，一定要好好研究一�? JavaScript�Q�一般来�Ԍ��如果能顺利看懂prototype框架的代码（如：prototype-1.3.1.js�Q�，你的JavaScript 水��^��基本过关了。同时对DOM模型也可以算有一个基本的了解�?br>
观点五：Ajax点缀�Q�CSS

用JavaScript�? 制CSS其实很简单，基本上每个DOM对象都有一个style对象�Q�只要把css属性里�?-"��L��Q��ƈ让随后的字母变�ؓ大写��可以作为属性��用了�Q�例如：element.style.backgroundColor="#f00";在css是：选择�W?{background-color:#f00}

chenguo 2007-06-13 09:58 发表评论

亚洲国产成人久久精品大牛影视,亚洲国产日韩综合久久精品,亚洲人xxx日本人18

动态图js脚本

js焦点囄���轮换--几个实例

ajax框架

JavaScript[对象.属性]集锦

Ajax实现无刷新树

JavaScript调用Web Services实现无刷��C��联动

ajax�l��g--xmlhttp

ajax-http状态码手册

AjAX核心大纲

js焦点囄��轮换--几个实例