ajax学习笔记-01

 

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
弹出菜单

自动补全
     延迟处理