Ajax技术的基本原理(步骤)
我用一个简单的用户名验证的例子来谈一谈我对Ajax的了解:
这个例子用到了两个JSP和一个JS,我没有用后台来验证,因为原理是一样的.
1.用户注册表单页:ajaxCheckUser.jsp
?2.用于说明Ajax技术的基本原理的JS文件:ajaxCheckUser.js
?3.用于处理显示结果的JSP文件:checkUser.jsp
?以上就OK了,我也是为了学习ExtJS所以才看了看Ajax,现在我把我的学习笔记贴上了,供大家参考,同时给予指正.
?
?
如果在后台想往前台传XML格式的结果,那么可以在上面的JS文件中加入这个方法.并且修改返回结果的JSP文件.具体如下:
ajaxCheckUser.js文件增加函数如下:
注意:
1.<?xml version="1.0" encoding="UTF-8"?>这个XML首部分,必须追加到脚本末尾,不能有回车,不然会出现意想不到的结果.... ....
2.contentType="text/xml; charset=UTF-8"中已经由原来的text/html改为text/xml了.如果不改为xml会很麻烦.
?
?
如果想在后台往回传JSON格式的内容,那么请在ajaxCheckUser.js文件中增加下面这个函数:
注意:需要将contentType="text/html; charset=UTF-8"中的text/html改为text/json.
?
?
?
其他的没啥了,请做试验... ...
?
?
当然,我已经通过试验了.
?
刚才有个哥们第一时间给我指出了错误,说我这个不是原理是步骤,我也是比较赞同的,呵呵.不过我还属于菜鸟,刚开始接触Ajax,所以还得大家多多指教啊.呵呵,我自己认为Ajax就是异步刷新的代名词吧,且是局部刷新,呵呵.
1 楼 ekea0407 2011-05-26 你这是基本步骤 不是基本原理 2 楼 ysj5125094 2011-05-26 ekea0407 写道你这是基本步骤 不是基本原理
呵呵,误会误会...其实原理也没啥吧?就是异步刷新呗,还有什么呢?我是刚刚学Ajax,还请多多指教啊. 3 楼 badboyer 2011-05-26 ysj5125094 写道ekea0407 写道你这是基本步骤 不是基本原理
呵呵,误会误会...其实原理也没啥吧?就是异步刷新呗,还有什么呢?我是刚刚学Ajax,还请多多指教啊.
异步刷新和同步刷新只是一部分， 4 楼 ysj5125094 2011-05-26 badboyer 写道ysj5125094 写道ekea0407 写道你这是基本步骤 不是基本原理
呵呵,误会误会...其实原理也没啥吧?就是异步刷新呗,还有什么呢?我是刚刚学Ajax,还请多多指教啊.
异步刷新和同步刷新只是一部分，
哈哈,俺要走的步还很长...
