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

来源:互联网 发布:微信游戏源码 编辑:程序博客网 时间:2024/05/21 19:50
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。" , 如果客户端不是简体中文版的系统的时候就判断不到了。其实这个地方只要有异常,都必须走异常处理流程了,不用区分的那么仔细。