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

2019-09-14 07:23:48王振洲

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() { 
 if (req.readyState==4 && req.status==200) { 
 if(req.responseText!=-1){ 
 nodes=req.responseXML.documentElement.childNodes; 
 browse_cnt.innerText=nodes.item(0).text; 
 comment_cnt.innerText=nodes.item(1).text; 
 score_cnt.innerText=nodes.item(2).text; 
 } 
 } 
 } 
 req.open('POST', '$path/AjaxCntCtrl'); 
 req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
 req.send("photo_id="+document.form1.photo_id.value); 
 } 
 } 
 //responseXML.documentElement.getAttribute('stat') == 'ok' 
 //responseXML.documentElement.getElementsByTagName('title')[0].firstChild.data;