AJAX--一般问题的处理

前言

在学习过程中出现问题是很正常的，所以在出现问题的时候及时总结，在总结过后及时回顾，对自己的学习是非常有帮助的，接下来我将展示我总结的这个问题，希望对您有帮助。

内容

解决缓存问题

由于出现了缓存，所以在图片验证码、登录等方面会出现已经更新完，但是由于存在缓存，所以导致界面不变化。这个时候就需要清除缓存，本地清除缓存的方法是Ctrl+Shift+Delect，但是对于不懂这个技巧的人，那么我们就需要增加一个清除缓存的功能，以免其因为缓存的问题造成用户体验糟糕的心理。
解决方法，增加时间戳：

if(url.indexOf("?") >=0){
    url = url + "&t=" + (new Date()).valueOf)
}else{
    url = url + "?t=" + (new Date()).valueOf)
}

中文乱码

1. 请求数据中包含中文，服务器端程序接收错误导致出现乱码
   解决方案：
   1.保证页面端定义的charset和http响应头的Content-Type中定义的charset一致即可（最好将Content-Type中charset的值设置为UTF-8）。
   2.仅仅使用“MSXML2.XMLHTTP“，”Miscrosoft.XMLHTTP”着两个中的任意一个来创建XMLHttpRequest对象，乱码现象也能消除。
2. 响应数据中包含中文，编码设置错误导致浏览器中看到的结果数据导致乱码
   encodeURI两次，URLDecoder配合解决中文问题

跨域问题

页面端：

if(url.indexOf("http://")==0){
        url=rul.replace("?","&");
        url="Proxy?url="+url;
    }

服务器端：
GET和POST方式分开处理
1. 获取元素的请求url地址和参数
2.get方式利用URL和远程地址交互
3.post方式利用URL和URLConnection和远程地址交互，还要想远程发送请求参数信息

空白节点

HTML文档body的子孙节点或XML根节点的子孙节点中，如果两个元素节点之间只有空格、缩进、回车这样的不包含任何文字信息的内容，那这些信息就都是空白信息
产生原因：
浏览器的差异：IE的DOM实现在解析文档时会过滤掉空白信息，FireFox的DOM实现在解析文档是会将空白信息当成是文本节点保留
解决方法：
使用DOM的API来遍历文档数据是需要写不同的代码适应两类浏览器，移除所有空白信息，保证IE和FireFox下的DOM书结构相同（移除方法:深度遍历）

function removeBlank（doc）｛
    if(doc.childNodes.length>1){
        for(var loopIndex = 0;loopIndex<doc.childNodes.length;loopIndex++){
            var currentNode = doc.childNodes[loopIndex];
            if(currentNode.nodeType == 1){
                removeBlank(currentNode);
            }
            if(((/^\s+$/.test(currentNode.nodeValue)))&&(currentNode.nodeType == 3)){
                doc.removeChild(doc.childNodes[loopIndex --]);
            }
        }
    }
｝

总结

方法总比问题多，遇到问题不要慌。

end

谢谢您的阅读！