一、XMLHTTPRequest浏览器缓存问题
在Firefox浏览器中,XMLHTTPRequest对象相相同的url发送请求时,浏览器每次都会向服务器发送请求,不存在缓存的问题,而IE浏览器如果url请求地址相同时,浏览器会读取其缓存中的内容进行响应,而不再向服务器发送请求,解决浏览器缓存的办法是:在url后面加上时间戳参数,使浏览器认为请求的url不同,而不再读取缓存。
二、AJAX传递中文乱码问题
当使用AJAX处理中文参数时,浏览器会显示乱码,解决方法有如下两种解决方案:
方案一:
页面端:使用endcodeURI(参数)对中文参数进行编码。
服务器端:使用new String(参数.getBytes(“ISO8859-1”),”UTF-8”);对参数进行重新编码为UTF-8。
缺点:服务器可能不是使用ISO8859-1,硬编码不方便修改。
方案二:
页面端:使用endcodeURI(endcodeURI(参数))对中文参数进行两次编码。
服务器端:使用URLDecoder.decode(参数,”UTF-8”);进行UTF-8解码。
此方法是推荐使用。
三、AJAX跨域访问问题
Web页面跨域访问时,会引起安全问题,因此,Firefox浏览器不允许跨越访问,IE浏览器会给出一个警告提示。如果要使AJAX程序可以顺利地跨域访问解决方案如下:
页面端:将跨域访问的http url请求地址中的“?”用“&”代替,然后将当前的url变为Proxy?url=改变后的url;
服务器端:编写一个名为Proxy的servlet用于处理跨域访问,其编写思路如下:
A.解析url和其参数,将其重新拼接成原始跨域访问的url。
POST方式和GET方式有所不同,POST方式的参数是在HTTP请求的body中,而GET方式的参数是在请求的url中,因此代码有所不同。
POST方式核心代码如下:
- PrintWriterout=response.getWriter();@H_301_57@
- If(url!=null){//url为解析拼接出来的跨域访问url@H_301_57@
- URLconnect=newURL(url.toString());@H_301_57@
- URLConnectionconnection=connect.openConnection();@H_301_57@
- Connection.setDoOutput(true);@H_301_57@
- OutputStreamWriterparamout=newOutputStreamWriter(connection.getOutputStream());@H_301_57@
- //post方式参数是在请求的body中,需要和请求头分开发送@H_301_57@
- paramout.writer(解析出来的参数);@H_301_57@
- paramout.flush();@H_301_57@
- BufferedReaderreader=newBufferedReader(newInputStreamReader(connection.getInputStream(),"UTF-8"));@H_301_57@
- Stringline;@H_301_57@
- while((line=reader.readLine())!=null){@H_301_57@
- out.println(line);@H_301_57@
- }@H_301_57@
- paramout.close();@H_301_57@
- reader.close();@H_301_57@
- }@H_301_57@
- }@H_301_57@
GET方式核心代码如下: