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

yoken 阅读:1354 2007-10-10 01:14:00 评论:0
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。" , 如果客户端不是简体中文版的系统的时候就判断不到了。其实这个地方只要有异常,都必须走异常处理流程了,不用区分的那么仔细。

转载保留链接!网址:http://80920140.com/post/28.html

标签:滴滴
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源; 2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任; 3.作者投稿可能会经我们编辑修改或补充。

发表评论
搜索
排行榜
关注我们

扫一扫关注我们,了解最新精彩内容