Ajax技术(WEB无刷新提交数据)-

tatechange = function() {
 if (req.readyState == 4 && req.status == 200) {
 alert(req.responseText);
 }
 };
 req.open(''GET'', ''pageurl.html'');
 req.send(null);
} 

POST Requests
Example:

var req = new XMLHttpRequest();
if (req) {
 req.onreadystatechange = function() {
 if (req.readyState == 4 && req.status == 200) {
 alert(req.responseText);
 }
 };
 req.open(''POST'', ''scripturl.cgi'');
 req.setRequestHeader(''Content-Type'', ''application/x-www-form-urlencoded'');
 req.send(''var1=data1&var2=data2'');
}
XMLHttpRequest 对象方法描述 
abort() 停止当前请求 
getAllResponseHeaders() 作为字符串返问完整的headers 
getResponseHeader("headerLabel") 作为字符串返问单个的header标签 
open("method","URL"[,asyncFlag[,"userName"[, "password"]]]) 设置未决的请求的目标 URL, 方法, 和其他参数 
send(content) 发送请求 (param一定要这样传，因为后台得不到hidden params)
setRequestHeader("label", "value") 设置header并和请求一起发送 (''post''方法一定要 )

XMLHttpRequest 对象属性描述 
onreadystatechange 状态改变的事件触发器(异步处理时要req.open(''POST'', ''servlet'')或req.open(''POST'', ''servlet'',true))
readyState 对象状态(integer):
0 = 未初始化
1 = 读取中
2 = 已读取
3 = 交互中
4 = 完成 
responseText 服务器进程返回数据的文本版本 
responseXML 服务器进程返回数据的兼容DOM的XML文档对象 
responseBody 服务器返回的主题（非文本格式）
responseStream 服务器返回的数据流
status 服务器返回的状态码, 如：404 = "文件末找到" 、200 ="成功" 
statusText 服务器返回的状态文本信息 

2、JavaScript
　　JavaScript是一在浏览器中大量使用的编程语言，，他以前一直被贬低为一门糟糕的语言（他确实在使用上比较枯燥），
以在常被用来作一些用来炫耀的小玩意和恶作剧或是单调琐碎的表单验证。但事实是，他是一门真正的编程语言，
有着自已的标准并在各种浏览器中被广泛支持。
3、DOM
　　Document Object Model。
　　DOM是给 HTML 和 XML 文件使用的一组 API。它提供了文件的结构表述，让你可以改变其中的內容及可见物。
其本质是建立网页与 Script 或程序语言沟通的桥梁。
　　所有WEB开发人员可操作及建立文件的属性、方法及事件都以对象来展现（例如，document 就代表“文件本身“这个对像，
table 对象则代表 HTML 的表格对象等等）。这些对象可以由当今大多数的浏览器以 Script 来取用。
　　一个用HTML或XHTML构建的网页也可以看作是一组结构化的数据，这些数据被封在DOM（Document Object Model）中，
DOM提供了网页中各个对象的读写的支持。
 function loadCnt(){
 var req=new XMLHttpRequest();
 if (req) {
 req.onreadystatechange=function() {
&nb