jquery解决浏览器缓存和中文处理及通用AJAX页面参数相同时只返回缓存的内容的解决办法

Js代码

1. function verify(){   
2.     //解 决中文乱码方法 1,页面端发出数据作一次encodeURI,服务器端使用new String(old.getBytes("iso8859-1"),"utf-8")   
3.     var url = "AJAXServer?name="+encodeURI($("#userName").val());   
4.     //解 决中文乱码方法 2,页面端发出两次encodeURI,服务器端使用URLDecoder.decode(old,"UTF-8")   
5.     var url = "AJAXServer?name="+encodeURI(encodeURI($("#userName").val()));   
6.      url = convertURL(url);   
7.      $.get(url,null,function(data){   
8.          $("#result").html(data);   
9.      })   
10. }   
11.   
12. //给url地址加时间戳,骗过浏览器,不 读取缓存   
13. function convertURL(url){   
14.     //获 取时间戳   
15.     var timstamp = (new Date()).valueOf();   
16.     //将 时间戳信息拼接到url上   
17.     if(url.indexOf("?")>=0){   
18.          url = url +"&t=" + timstamp;   
19.      }else{   
20.          url = url +"?t=" + timstamp;   
21.      }   
22.     return url;   
23. }  

function verify(){
    //解决中文乱码方法 1,页面端发出数据作一次encodeURI,服务器端使用new String(old.getBytes("iso8859-1"),"utf-8")
    var url = "AJAXServer?name="+encodeURI($("#userName").val());
    //解决中文乱码方法 2,页面端发出两次encodeURI,服务器端使用URLDecoder.decode(old,"UTF-8")
    var url = "AJAXServer?name="+encodeURI(encodeURI($("#userName").val()));
    url = convertURL(url);
    $.get(url,null,function(data){
        $("#result").html(data);
    })
}

//给url地址加时间戳,骗过浏览器,不读取缓存
function convertURL(url){
    //获取时间戳
    var timstamp = (new Date()).valueOf();
    //将时间戳信息拼接到url上
    if(url.indexOf("?")>=0){
        url = url +"&t=" + timstamp;
    }else{
        url = url +"?t=" + timstamp;
    }
    return url;
}

Java代码

1. protected void doGet(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws ServletException, IOException {   
2.         try{   
3.              httpServletResponse.setContentType("text/html;charset=utf-8");   
4.              PrintWriter out = httpServletResponse.getWriter();   
5.              Integer inte = (Integer)httpServletRequest.getSession().getAttribute("total");   
6.             int temp = 0;   
7.             if(inte == null){   
8.                  temp = 1;   
9.              }else{   
10.                  temp=inte.intValue() + 1;   
11.   
12.              }   
13.              httpServletRequest.getSession().setAttribute("total",temp);   
14.             //1.取参数   
15.              String old = httpServletRequest.getParameter("name");   
16.             //String name = new String(old.getBytes("ISO8859-1"),"UTF-8");   
17.              String name = URLDecoder.decode(old,"UTF-8");   
18.             //2.检查参数是否有问题   
19.             if(old == null || old.length() == 0){   
20.                  out.println("用户名不能为空");   
21.              }else{   
22.                 //3.校验操作   
23.                 //String name = old;   
24.                 if(name.equals("test")){   
25.                     //4.和传统应用不同之处，这步需要将用户感兴趣的数据反馈给当前页面，而不是展现一个新页面   
26.                     //写法没有变化，本质发生了改变   
27.                      out.println("用户名["+name+"]已经存在,请使用其它用户名,"+temp);   
28.                  }else{   
29.                      out.println("用户名["+name+"]尚未存在,可以使用,"+temp);   
30.                  }   
31.              }   
32.          }catch(Exception e){   
33.              e.printStackTrace();   
34.          }   
35.      }  

 

AJAX页面参数相同时只返回缓存的内容的解决办法

常利用AJAX写一些页面无刷新的内容获取页面，这种方式很快捷也很方便， 但其中有一个问题，就是如果两次提交的参数相同时，返回的内容只返回上次获取的内容，如果我们在第一次修改了参数，第二次再次调用却会发现页面根本没有改 变。这样的情况是是为AJAX获取时先检查本机缓存，如果本机缓存已有相同内容，则不访问远端服务器。这样的操作倒是可以提高速度和减少服务器压力。但带 来的弊端也是显而易见的。

为了解决这个问题。我们必须在获取页加上一个额外的参数。比较简单的方法是 用一个随机数。

例子如下

function idCheck() { //参数调用函数
var f = document.modify_form;
var book_num = f.book_num.value;
if(book_num=="") {
window.alert("图书编号不能为空");
f.book_num.focus();
return false;
}
//加一个随机数//
var number = Math.random();
number = number * 1000000000;
number = Math.ceil(number);
//
send_request('get_book.php?book_num='+book_num+'&ranum='+number); // 后面的 “ranum=number”是额外加的
}

这样就可以避免相同参数页面返回同样内容的问题了。

还有一种方法为在被调用的页面中，加入代码，禁止本页面被缓存

htm网页
<metahttp-equiv="pragma"content="no-cache">
<metahttp-equiv="cache-control"content="no-cache,must-revalidate">
<metahttp-equiv="expires"content="wed,26feb199708:21:57gmt">
或者<metahttp-equiv="expires"content="0">
asp网页
response.expires=-1
response.expiresabsolute=now()-1
response.cachecontrol="no-cache"
php网页
header("expires:mon,26jul199705:00:00gmt");
header("cache-control:no-cache,must-revalidate");
header("pragma:no-cache");
jsp网页
response.addHeader("pragma", "no-cache");
response.addHeader("cache-control", "no-cache,must-revalidate");
response.addHeader("expires", "0");

http://hi.baidu.com/showlong/blog/item/bfc178f042483fc97831aa7c.html

 

　用 php + Ajax 做了个简单计数器，结果发现每次刷新，计数器并不改变。到“Inernet选项”中删除IE缓存，计数器数值才会改变。（类似问题在我做 Flash 读取 PHP 的时候也遇到过）如何解决 Ajax 的这种缓存问题呢？百度了一下，主要发现这样几种方法。

　　1、在服务端加 header("Cache-Control: no-cache, must-revalidate");

　　2、在ajax发送请求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0");

　　3、在ajax发送请求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache");

　　4、在 Ajax 的 URL 参数后加上 "?fresh=" + Math.random(); //当然这里参数 fresh 可以任意取了

　　5、第四种方法和第三种类似，在 URL 参数后加上 "?timestamp=" + new Date().getTime();

　　6、用POST替代GET：不推荐

　　用这些方法基本上能够解决 Ajax 的缓存问题了。具体那种更好用，自己试试吧！

http://hi.baidu.com/ayu1106/blog/item/ff8a897ecca8a33a0cd7daa0.html