自己用了一段时间AJAX,一些基本方法和小结

1.最基本的使用方法
 
var  XMLHttpReq  =   false ;

function  createXMLHttpRequest() {
    
try{
        XMLHttpReq 
= new ActiveXObject("Msxml2.XMLHTTP");
    }
catch(othermicrosoft){
        
try{
            XMLHttpReq 
= new ActiveXObject("Microsoft.XMLHTTP");
        }
catch(failed){
            XMLHttpReq 
= false;    
        }

    }

    
if (!XMLHttpReq && typeof XMLHttpRequest != 'undefined'{
          XMLHttpReq 
= new XMLHttpRequest();
    }

}


function  sendRequest(url,memVal) {
    createXMLHttpRequest();
    XMLHttpReq.open(
"GET",url,true);
    members 
= memVal;
    XMLHttpReq.onreadystatechange 
= processResponse; 
    XMLHttpReq.send(
null); 
}


// process return response message 
function  processResponse() {
    
if(XMLHttpReq.readyState == 4)    
        
if(XMLHttpReq.status == 200)
            updateMenu(members);
        }
else 
            
// Appear an exception in your request page
            alert('Sonic In your Javascirpt code have big Error, you are a ugly pig -_-! ');
        }

    }

}


2. 在后台放回Text 或者 XML
如果在struts的Aciton方法中,用response.getWriter().write(text);即可将数据返回
text: response.setContentType("text/html");
xml 则: response.setContentType("text/xml");
同时,在action中要返回一个null 的actionforward。
下面是一段JS获取XML的脚本

function  parseMessage()
 {
     
var  xmlDoc = xmlHttp.responseXML.documentElement;
     
var  xSel = xmlDoc.getElementsByTagName( ' select ' );
     
var  select_root = document.getElementById( ' b87_storage_name ' );

     
for ( var  i = 0 ;i < xSel.length;i ++ )
     {
         
// 取得XML中节点值
          var  xValue = xSel[i].childNodes[ 0 ].firstChild.nodeValue;
         
// 赋给INPUT
         select_root.value = xValue;
     }
 }

服务端:

response.setContentType( " text/xml " );
response.setHeader(
" Charset " , " GBK " );
String xml_start
= " <selects> " ;
String xml_end
= " </selects> " ;
//如果亚显示中文就必须这样设置
String xml 
=   " .<?xml version=/"1.0/" encoding=/"GBK/"?>.............. " ;

response.getWriter().write(xml);

3.GBK中文问题
             比较麻烦,见我另外一篇文章.或者beansoft写的        

4.其他一些小结,有些是网上摘录的.
1.CACHE
如果使用xmlhttp控件,在发起http请求的时候IE会包办cache策略,很多时候更新了数据却无法获得更新后的数据。一开始试图用传统方式在URL后面加随机数来强制更新,但是IE仍然距不发出新的请求。
一个解决方法是在后台写expires: 0或者其他的禁止前台cache的头,但是这样在数据没有更新的时候又会带来不必要的服务器压力、响应延迟和带宽浪费。
一个稍微好一点的解决方法是,前台在提交数据以后,需要强制更新数据的时候:

xmlhttp.setRequestHeader("If-Modified-Since","0");

2 系统错误: -1072896748。
用xmlhttp接收到数据的时候经常是用xmldom.loadXML(xmlhttp.responseXML.xml)来判断返回的数据的正确性,但是如果后台送过来不正确的xml的时候有时回触发-1072896748系统错误。这是因为xmlhttp.responseXML已经没有解析到东西了,我们还试图访问它的xml属性而触发的。
解决的方法是在使用responseXML.xml 或者 responseText的时候要做try/catch:
try{var tmp = xmlhttp.responseXML.xml}catch(ex){err=true;}
有些人喜欢catch的时候判断 exception.description=="系统错误: -1072896748。" , 如果客户端不是简体中文版的系统的时候就判断不到了。其实这个地方只要有异常,都必须走异常处理流程了,不用区分的那么仔细。

 

你可能感兴趣的:(Ajax,xml,function,struts,XMLhttpREquest,encoding)