09解决AJAX中文乱码与跨域访问.docx

--div和span的直观差异，div中的内容独占行，span中的内容和前后其他内容相处良好-->

--

123456

显示效果如下：

123

456

123456

-->

XMLHttpRequest的一个特殊安全问题：

IE：

访问跨域页面时会给出提示，用户确认后会访问

MozillaFireFox及其他：

不允许访问跨域页面

解决办法：

使用代理：

在浏览器端的代码中，我们需要在调用open方法之前判断一下要连接的地址是不是以http开头的，如果是则认为要访问的是跨域的资源，首先将当前url中的”?

”变成”&”，这是因为将要连接的地址改为”Proxy?

url=”+url以后，如果原来url地址中有参数的话，新的url地址中就会有两个“?

”这会导致服务器端解析参数错误，”url=”之后的内容表示本来要访问的跨域资源的地址。

functionconvertURL（url）{

if（url.substring（0,7）=="http:

//"）{

     url=url.replace（"?

","&"）;

     url="Proxy?

url="+url;

}

returnurl;

}

注意Proxy中针对GET方式和POST方式进行了分别的处理，其中GET方式仍然将参数信息拼到URL中，而POST方式则向HttpURLConnection的数据流中添加参数信息。

由于对本来请求的地址和其包含的参数进行了转换，导致url参数中只包含原来请求的地址信息，而原来请求的参数信息则需要我们解析出来和地址信息一起重新组成本来的请求URL，因此方法开头的一段while就做了这个工作。

注意由于进入servelt之前参数信息已经被做过一次URLDecoder，因此这个时候参数信息中的中文信息传到真正要访问的servlet时解码会出现乱码，因此我们再拼接参数信息之前又再一次通过URLEncoder.encode方法对所有参数信息进行了一次编码，这样就解决了中文的乱码问题。

在从远端服务器读取数据时，要显示的指定输入流的编码格式，这样才可以保证通过BufferReader读到的内容不会有乱码信息。

Proxy.java：

importjava.io.BufferedReader;

importjava.io.InputStreamReader;

importjava.io.PrintWriter;

importjava.io.OutputStreamWriter;

import.*;

importjava.util.Enumeration;

publicclassProxyextendsjavax.servlet.http.HttpServlet{

   protectedvoiddoPost（javax.servlet.http.HttpServletRequestrequest,javax.servlet.http.HttpServletResponseresponse）

           throwsjavax.servlet.ServletException,java.io.IOException{

       response.setContentType（"text/html;charset=GB2312"）;

       Stringurl=request.getParameter（"url"）;

       StringBufferparam=newStringBuffer（）;

       Enumerationenu=request.getParameterNames（）;

       inttotal=0;

       while（enu.hasMoreElements（））{

           Stringname=（String）enu.nextElement（）;

           if（!

name.equals（"url"））{

               if（total==0）{

                   param.append（name）.append（"="）.append（URLEncoder.encode（request.getParameter（name）,"UTF-8"））;

               }else{

                   param.append（"&"）.append（name）.append（"="）.append（URLEncoder.encode（request.getParameter（name）,"UTF-8"））;

               }

               total++;

           }

       }

       PrintWriterout=response.getWriter（）;

       if（url!

=null）{

           URLconnect=newURL（url.toString（））;

           URLConnectionconnection=connect.openConnection（）;

           connection.setDoOutput（true）;

           OutputStreamWriterparamout=newOutputStreamWriter（connection.getOutputStream（））;

           paramout.write（param.toString（））;

           paramout.flush（）;

           BufferedReaderreader=newBufferedReader（newInputStreamReader（connection.getInputStream（）,"GB2312"））;

           Stringline;

           while（（line=reader.readLine（））!

=null）{

              out.println（line）;

           }

           paramout.close（）;

           reader.close（）;

       }

   }

   protectedvoiddoGet（javax.servlet.http.HttpServletRequestrequest,javax.servlet.http.HttpServletResponseresponse）throwsjavax.servlet.ServletException,java.io.IOException{

       response.setContentType（"text/html;charset=GB2312"）;

       StringBufferurl=newStringBuffer（）;

       url.append（request.getParameter（"url"））;

       Enumerationenu=request.getParameterNames（）;

       inttotal=0;

       while（enu.hasMoreElements（））{

           Stringname=（String）enu.nextElement（）;

           if（!

name.equals（"url"））{

               if（total==0）{

                   url.append（"?

"）.append（name）.append（"="）.append（URLEncoder.encode（request.getParameter（name）,"UTF-8"））;

               }else{

                   url.append（"&"）.append（name）.append（"="）.append（URLEncoder.encode（request.getParameter（name）,"UTF-8"））;

               }

               total++;

           }

       }

       PrintWriterout=response.getWriter（）;

       if（url!

=null）{

            URLconnect=newURL（url.toString（））;

            BufferedReaderreader=newBufferedReader（newInputStreamReader（connect.openStream（）,"GB2312"））;

            Stringline;

            while（（line=reader.readLine（））!

=null）{

               out.println（line）;

            }

            reader.close（）;

       }

       Proxy?

url=

       url=

//我们

}

}