mQney.comのAjax小结

mQney.comのAjax小结

  1，
一开始觉得Ajax是很难的东西，所以基本上浅尝辄止，没敢过多纠缠。

2，
后来接触了一些，那时候看阿里巴巴的注册 页面即时验证功能真是牛逼。自己的项目中也用隐藏的iFrame传递数据的“伪ajax方法”，做了即时验证注册用户名是否重复。但仍然不理解Ajax是 个什么东西，能干什么用，不知道那些令人羡慕的炫目效果，是怎么“Ajax起来的”。

3，
给一位朋友做的网站中正式运用了 ajax的即时验证用户名。最近，公司给GE做得一个小系统中又使用了，想多用一些，但是不会了，是的，只会验证用户名，连多一个邮箱也验证不了……所以 看了Ajax in Action，这本放在床头已经两年的书。通过这两天的接触，又有了进一步的认识，比如会了在同一个界面不同组件（输入框啊，选择框啊）同时使用 Ajax，总之受益匪浅。


4，
Ajax 通过XMLHttpRequest将参数转发给数据处理程序例如Servlet，程序结合数据库产生反馈数据，可以是XML格式，可以是TXT（TXT格 式可以是带有标签的页面源码<span>返回内容</span>）。Ajax监控数据返回状态，在每个状态中分配相应的处理方法 function，最常用的是数据返回成功的和发生错误的。
数据返回成功：返回数据也有两种格式this.req.responseText和 this.req.responseXML，一种直接是文本格式，常用语简单的返回值；另一种是XML数据，适用于格式化强的数据，大量的数据。接收到返 回值后，应用js操作html，操作css，甚至给新的组件添加js。
数据错误或者数据没有返回的时候，也可以安排相应的方法，给客户即时的回应，达到好的用户体验。

5，
在前两个ajax程序之后，这次贴出自己纠结已久的“大作”，一个界面验证用户名和邮箱，以慰我心，快哉快哉。

6，
源代码
ajaxtest.html
CheckUserNameServlet.java
CheckUserEmailServlet.java
web.xml
net.js

 按此阅读全文 "mQney.comのAjax小结" »