ajax事件及方法

javaScript浏览器对象
1.window对象
是Document、Location和History对象的父对象。
属性：
name：指定窗口名称
parent：代表当前的父窗口。返回属性和方法。
opener：返回当前窗口。返回属性和方法。
top：代表主窗口（所有的父窗口）。返回属性和方法。
self：返回当前窗口的一个对象。返回属性和方法。
defaultstatus：返回设置在浏览器状态栏中显示的默认内容。
status：返回设置将在浏览器状态栏中显示的指定内容。
status = Dataformat(date);

方法：
alert();
confirm();
prompt();
open(url,name,attr);
close();
navigate();在当前窗口中显示制定网页
Window.navigate "http://www.baidu.com"
setTimeout();设置一个定时器，经指定时间间隔后调用过程
Window.setTimeout(过程名,时间间隔,脚本语言);
clearTimeout();给指定的计数器复位
Window.clearTimeout 计数器名称
focus();获取当前焦点
blur();当前对象失去焦点
事件：
OnLoad{} 当HTML文件载入浏览器时
OnUnLoad{} 当HTML文件从浏览器删除时
OnFocus{} 获得焦点时
OnBlur{} 失去焦点时
OnHelp{} 用户按下F1时
onResize{} 用户调整窗口大小时
OnScroll{} 滚动窗口时
OnError{} 载入HTML文件出错时


2.Document对象
Documnet对象表示在浏览器窗口或其中一个框架中显示的HTML文档，通过该对象的属性和方法可以获得和控制页面对象的外观和内容。Document对象包含以下对象和集合：All（文档中所有元素的集合）、Anchors（锚点集合）、Applets（Java的小程序集合）、Body（文档主题对象）、Children（子元素集合）、Embeds（嵌入对象）、Form（表单集合）、Frames（框架集合）、Images（图像集合）、Links（链接集合）、Plugins（插件集合）、Scripts（脚本集合）、Selection（选择器对象）和StyleSheets（级联样式表集合）。
属性：
fgColor:设置或返回文档的颜色
bgColor：设置或返回文档背景的颜色
linkColor：设置或返回文档中超链接的颜色
alinkColor:设置或返回文档中活动链接的颜色
vlinkColor:设置或返回已经访问过的超链接的颜色
title：返回当前文档标题
location:设置或返回文档的URL
parentWindow:包含此HTML文件的上层窗口
referrer:返回链接到当前页面的那个页面URL
lastModified:返回当前文档的最后修改日期
all:返回所有标记和对象
anchors:表示文档中的锚点，每个锚点都被存储在anchros数组中
links:表示文档中的超链接，每个超链接都存储在links数组中
form:返回所有表单
images:返回所有图像
stylesheets:返回所有样式属性对象
applets:返回所有Applet对象
embeds:返回所有嵌入标记
scripts:返回所有Script对象
方法：
open() 打开要输入的文档
write() 向文档中写入HTML代码
writeLn() 向文档中写入HTML代码后换行
close() 关闭文档，并显示所有使用write和writeLn方法写入的内容
clear() 清除当前文档的内容，刷新屏幕
事件：
onClick:function(){} 单击鼠标
onDbClick{} 双击鼠标
onMouseDown{} 按下鼠标左键
onMouseUp{} 放开鼠标左键
onMouseOver{} 鼠标移到对象上
onMouseOut{} 鼠标离开对象
onMouseMove{} 移动鼠标
onSelectStart{} 开始选取对象内容
onDragStart{} 开始以拖动方式移动选取对象内容
onKeyDown{} 按下键盘按钮
onKeyPress{} 当用户按下任意键时，先产生KeyDown事件，若用户一直按住左键，则产生连续的KeyPress事件


3.History对象
History对象包含用户已浏览过的URL集合，提供浏览器导航按钮功能，可以通过文档的历史记录来浏览文档。
属性：
length:返回历史表中的URL地址数目

方法：
back() 在历史表中向后搜索
forward() 在历史表中向前搜索
go() 在历史表中跳转到指定的项

4.Navigator对象
Navigator对象包含浏览器的信息
属性：
appCodeName:返回浏览器的代码名称
appName:返回浏览器的名称
appVersion:返回浏览器的版本号
userLanguage:返回当前用户所使用的语言
cookieEnable:若允许使用cookies，则该属性返回true，否则返回false

方法：
java.Enable();确定浏览器中的java是否可用

5.Location对象
包含当前的URL信息
属性：
href:返回或设置当前文档的完整URL
hash:返回或设置当前URL中#后的部分的名称
host:返回或设置udangqianURL中的主机名和端口部分
hostname：返回或设置当前URL中的主机名
port:返回或设置当前URL中的端口部分
path:返回或设置当前URL中的路径部分
protocol:返回或设置当前URL中的协议类型
search:返回或设置当前URL中的查询字符串，即提交给服务器时在URL中紧跟？后面的内容

方法：
reload() 重新加载当前文档
replace() 用参数中给出的网址替换当前的网址
assign() 将当前URL地址设置为其参数所给出的URL


XMLHttpRequest对象提供客户端与HTTP服务器异步通信协议。
var xmlHttp;

function createXMLHttpRequest(){
if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
else if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
创建了XMLHttpRequest对象后，通过在js脚本中调用XMLHttpRequest对象的方法和XMLHttpRequest的属性，实现Ajax的功能。
属性：
onreadystatechange:状态改变事件触发器，每个状态改变都会触发这个事件触发器
readyState:对象状态：0=未初始化 1=正在加载 2=已加载 3=交互中 4=完成
responseText:服务器的响应 字符串
responseXML:服务器的响应 XML 该对象可以解析为一个DOM对象
status:服务器返回的HTTP状态吗
statusText:HTTP状态码的相应文本
方法：
abort() 停止当前请求
getAllResponseHeaders() 将HTTP请求的所有响应首部作为键/值对返回
getResponseHeader("header") 返回指定首部的字符串
open("method","url"[,asyncFlag[,"username"[,"password"]]]) 建立对服务器的调用，method参数可以是相对或绝对URL。该方法有3个参数可选：asyncFlag=是否非同步标记 username=用户名 password=密码
send(content) 向服务器发送请求
setRequestHeader("header","value") 把指定首部设置为所提供的值，在调用方法之前必须先调用open方法
ajax利用浏览器与服务器之间的一个通道来完成数据提交或请求。页面的脚本程序通过浏览器提供的空间完成数据的提交和请求，并将返回的数据由js处理后展现到页面上。整个过程由浏览器、js、jsp共同完成，AJAX就是这组技术的总称。

ajax的请求和响应过程如下：
网页调用js程序-->js利用浏览器提供的XMLHTTP对象向Web服务器发送请求-->请求的URL资源处理后返回结果给浏览器的XMLHTTP-->XMLHTTP对象调用实现设置的处理方法-->js方法解析返回的数据，利用返回的数据更新页面。

今天终于完成了组长布置给我的任务，虽然是在导师的大力帮助下，不过好有成就感，好开心。通过项目，对jQuery有了更多的认识，也对业务流程了解了大概。但是看后台代码，还是觉得自己基础不够，要是自己写真的很费劲。看来真要好好把think in java 好好看一遍，不过今天外面好吵啊...总之 有收获的一天~！