日期:2014-05-16 浏览次数:20624 次
ajax在服务器端处理XML数据
??????? 首先需要在服务器端返回xml格式文本数据,具体方法可以采用字符串拼接的方式(严格格式要求),但最好采用dom4j框架,感觉最好在vo对象中添加toXMLString方法返回该vo对象xml格式字符串。在服务器端需要设置response.setContentType("text/xml;charset=utf-8");(如果不设置在Firefox中正常IE中会出现异常),在JavaScript中调用XMLHttprequest的responseXML属性返回xml对象。这点处理上firefox和iE又有所不同,firefox不能接受responseXML 必须对responseText进行XML格式化,详见代码部分,然后使用dom中的方法获取xml的节点,再取得具体文本内容。(代码见下)
????
????? 缓存问题
????? 在IE中如果请求地址相同,IE会调用缓存内容,如果不希望这种结果,可以再调用地址中加入时间戳,使得每次调用地址不同。
//给url地址增加时间戳,骗过浏览器,不读取缓存
function convertURL(url) {
??? //获取时间戳
??? var timstamp = (new Date()).valueOf();
??? //将时间戳信息拼接到url上
??? //url = "AJAXServer"
??? if (url.indexOf("?") >= 0) {
??????? url = url + "&t=" + timstamp;
??? } else {
??????? url = url + "?t=" + timstamp;
??? }
??? return url;
}
???? 中文乱码问题
??? 方法1,页面端发出的数据作一次encodeURI,服务器段使用new String(old.getBytes("iso8859-1"),"UTF-8");
??? 方法2,页面端发出的数据作两次encodeURI,服务器段使用URLDecoder.decode(old,"UTF-8")
????? AJAX应用的五部归纳
???? 1、创建XMLHttpRequest对象
???? 2、设置回调函数
???? 3、使用open方法与服务器建立连接
???? 4、向服务器端发送数据
???? 5、在回调函数中针对不同响应状态进行处理并接受服务器端返回数据
if(window.ActiveXObject){ var domObj=xmlhttp.responseXML; }else if(window.XMLHttpRequest){ var parser = new DOMParser(); var domObj= parser.parseFromString(xmlhttp.responseText, "text/xml"); } if (domObj) { //dom中利用getElementsByTagName可以根据标签名来获取元素节点,返回的是一个数组 var messageNodes = domObj.getElementsByTagName("message"); if (messageNodes.length > 0) { //获取message节点中的文本内容 //message标签中的文本在dom中是message标签所对应的元素节点的字节点,firstChild可以获取到当前节点的第一个子节点 //通过以下方式就可以获取到文本内容所对应的节点 var textNode = messageNodes[0].firstChild; //对于文本节点来说,可以通过nodeValue的方式返回文本节点的文本内容 var responseMessage = textNode.nodeValue; //将数据显示在页面上 //通过d