AJAX应用技巧

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。

B.访问URL地址，并将获得的内容返回给页面端。

POST方式和GET方式有所不同，POST方式的参数是在HTTP请求的body中，而GET方式的参数是在请求的url中，因此代码有所不同。

POST方式核心代码如下：

[javascript] view plain copy

1. PrintWriterout=response.getWriter();
2. If(url!=null){//url为解析拼接出来的跨域访问url
3. URLconnect=newURL(url.toString());
4. URLConnectionconnection=connect.openConnection();
5. Connection.setDoOutput(true);
6. OutputStreamWriterparamout=newOutputStreamWriter(connection.getoutputStream());
7. //post方式参数是在请求的body中，需要和请求头分开发送
8. paramout.writer(解析出来的参数);
9. paramout.flush();
10. BufferedReaderreader=newBufferedReader(newInputStreamReader(connection.getInputStream(),"UTF-8"));
11. Stringline;
12. while((line=reader.readLine())!=null){
13. out.println(line);
14. }
15. paramout.close();
16. reader.close();
17. }
18. }

GET方式核心代码如下：

[javascript]

PrintWriterout=response.getWriter();

if(url!=null){

URLconnect=newURL(url.toString());

BufferedReaderreader=newInputStreamReader(connect.openStream(),153)">null){

out.println(line);

}

reader.close();

}

原文地址：https://www.jb51.cc/ajax/546651.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。

• 上一篇：Ajax原理下一篇：在服务器端判断request来自Ajax请求