AJAX--一般问题的处理

快来打我* 2021-09-27 05:34 371阅读 0赞

*  前言
 *  内容
    
     *  解决缓存问题
     *  中文乱码
     *  跨域问题
     *  空白节点
 *  总结
 *  end

# 前言 #

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

# 内容 #

## 解决缓存问题 ##

由于出现了缓存，所以在图片验证码、登录等方面会出现已经更新完，但是由于存在缓存，所以导致界面不变化。这个时候就需要清除缓存，本地清除缓存的方法是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 #

谢谢您的阅读！