ajax
------
AJAX技术
******************************************************************************
ajax的思维方式
ajax的技术核心
ajax应用实例
ajax的优缺点
ajax开发工具
===========================================================
AJAX 5 方面内容
(1)使用XHTML和CSS的基于标准的标示技术
(2)使用DOM进行动态显示和交互
(3)使用XML和XSLT进行数据交换和处理
(4)使用XMLHttpRequest进行异步数据检索
(5)使用Javascript将以上技术融合在一起
===========================================================
ajax能做什么
1.改善表单验证方式,不再需要打开新页面,也
不再需要将整个页面数据提交
2.不需要刷新页面就可以改变页面内容,减少用户等待时间
3.按需获取数据,每次只从服务器端获取需要的数据
4.读取外部数据,进行数据处理整合
5.异步与服务器进行交互,在交互过程中用户无需等待,仍可继续
工具
-------
IntelliJ
project-module
eclipse
workspace-project
IntelliJ与eclipse比较
netbeans 6.1
IntelliJ
netbeans
javascript编辑能力更好
环境配置
字体:Courier New
与tomcat结合
快捷键
ctrl+alt+space 提示
ctrl+Shift+space 提示
alt+enter 引入包
sout Tab 快捷键输出System.out.println();
浏览器小工具
-------------
firefox
firebug
ie
httpwatch professional
jQuery
---------
jquery-1.2.6-reliease.zip
JQuery API
调试
firefox firebug
ajax框架
---------
dojo
dwr
ext
jquery
mootools
prototype&script.aculo.us
rico
浏览器缓存
----------
ie
如果两次请求的url相同,那么第二次的请求就会从cache中读取
用时间戳的思想解决
中文乱码问题
---------
使用UTF-8
方案1:
后台:
String name = new String(name.getBytes("iso-8859-1"), "utf-8");
前台:
encodeURI(参数);
firefox只改后台就可以了
ie必须后台前台都设置
适用性不强:
1.在有些机器上还是会出现乱码
2.从前台传来的数据必须是iso8859-1,属于硬编码,适用性不强
方案2:
页面端做两次encodeURI()
服务器端
String name = URLDecoder.decode(old, "utf-8");
访问跨域页面
-------------
服务器端代码和页面端代码不在一起
IE:用户确认
firefox:不允许
解决办法:
找代理
访问同域服务器的代理程序(java程序)
代理程序访问其它站点
页面端:判断访问的是不是跨域地址
服务器端:
dom
-----
1.dom (document object model) 文档对象模型
它是语言的平台中立的接口,允许程序和脚本动态访问和更新
文档的内容,结构和风格
2.在ajax中,dom对于我们来说是html和xml文档的一个应用程序接口,
它可以把html、xml与ajax中的开发语言javascript连接起来
3.javascript中的dom实现可以使得我们在ajax中通过javascript代码
对html和xml数据进行dom方式的操作,从而做到页面的动态修改更新
和数据的提取处理
4.html的dom和xml的dom在api接口上基本一致,
使用差别不大,但本质上有区别
5.html的dom是一个内存对象树,在浏览器中只保存一份,
修改html的内容会直接反应到浏览器中
而xml的dom则可以创建多个,每个可以对应一个xml文本
dom学习:
相关概念
api
在dom眼中,html是由很多不同类型的节点组成的,
这些节点都属于node对象
node对象有一个nodeType
标签对应的是dom中的元素节点
文本信息都是dom中的文本节点
注释信息对应dom中的注释节点
属性对应dom中的属性节点,包含在元素节点内
document根节点,不对应于页面中的任何内容
html根元素节点
firefox与ie dom 的差别
firefox换行保留
文本内容略微不同
父子结点
上下结点
相关资料
--------
javascript键盘表
ajax实例
-------
1.用户名校验
采取的不同点
1.是否用ajax
2.是否用框架
3.发送方式get,post
4.接收数据方式text,xml
2.JQueryWindow
实现淡入淡出窗口
3.JQueryMenu
弹出菜单
自动补全
延迟处理