在WEB開發(fā)中都會(huì)碰見這樣的情況，就是用戶在進(jìn)行了一項(xiàng)操作后按F5刷新頁面會(huì)重復(fù)提交頁面的問題。
先了解下瀏覽器按F5會(huì)發(fā)生什么事，在按下F5后瀏覽器并不是簡單的刷新頁面，而是模擬上一次的請求一模一樣的再向服務(wù)器請求一次，加入上一次的請求
是向服務(wù)器請求保存數(shù)據(jù)，那按F5后就會(huì)再一次請求保存數(shù)據(jù)，這樣就等于重復(fù)提交了一次保存數(shù)據(jù)，如果我們系統(tǒng)中不做判斷的話，很容易在用戶不小心按F5
后再一次把數(shù)據(jù)保存進(jìn)數(shù)據(jù)庫了。
方案：
因?yàn)榘碏5是完全模擬上次的請求再請求一次，可以說發(fā)送的數(shù)據(jù)和上次請求的是一樣的，就想到可以在客戶端和服務(wù)器端各保存一個(gè)標(biāo)識(shí)狀態(tài)，然后在請求中比較2個(gè)表示狀態(tài)就好了。
解決方法做成1個(gè)組件，這樣就可以在所有需要使用的頁面上使用該組件了，下面就直接看組件的代碼吧
package com.byd.jsfcomponents.Refresh;
import java.io.IOException;
import jaax.faces.component.UIComponentBase;
import javax.faces.context.ExternalContext;
import javax.faces.context.FacesContext;
import javax.faces.context.ResponseWriter;
import javax.servlet.http.HttpSession;
/** *//**
* JSF中防刷新的控件 同時(shí)在客戶端和服務(wù)端保存一樣的值，
* 每次請求都改變2個(gè)的值(和以前的值相反)，如果是刷新，取到的客戶端的值將服務(wù)端的值不一樣。
*/
public class HtmlRefresh extends UIComponentBase...{
private boolean m_refreshState;
private boolean m_isRefresh;
/** *//**
* 當(dāng)前請求是否是刷新
* @return true 是；false 不是；
*/
public boolean IsRefresh()...{
return m_isRefresh;
}
/** *//**
* 返回對應(yīng)的渲染器,這里沒有單獨(dú)的渲染器，所以返回null
*/
public String getFamily()...{
return null;
}
//
/** *//**
* 保存視圖
*/
public Object saveState(FacesContext context)...{
Object values[] = new Object[2];
values[0] = super.saveState(context); // 系統(tǒng)自己的State
// 保存客戶端的值
values[1] = !m_refreshState;
// 服務(wù)器的值保存到session中
ExternalContext exContext = FacesContext.getCurrentInstance().getExternalContext();
HttpSession session = (HttpSession)exContext.getSession(true);
session.setAttribute("ServerRefresh",m_refreshState);
return values;
}
/** *//**
* 恢復(fù)視圖
*/
public void restoreState(FacesContext context, Object state)...{
Object values[] = (Object[]) state;
super.restoreState(context, values[0]);
this.m_refreshState = (Boolean)values[1];
// 取服務(wù)器端值
ExternalContext exContext = FacesContext.getCurrentInstance().getExternalContext();
HttpSession session = (HttpSession)exContext.getSession(true);
Boolean _bRefresh = false;
if(session.getAttribute("ServerRefresh") != null)...{
_bRefresh = Boolean.valueOf(session.getAttribute("ServerRefresh").toString());
}
m_isRefresh = m_refreshState == _bRefresh;
}
//
}
在頁面中使用如下：
JAVABEAN代碼：
private HtmlRefresh htmlRefresh1 = new HtmlRefresh();
public HtmlRefresh getHtmlRefresh1() {
return htmlRefresh1;
}
public void setHtmlRefresh1(HtmlRefresh htmlRefresh1) {
this.htmlRefresh1 = htmlRefresh1;
}
public String button1_action() {
// 先判斷是否刷新
if(htmlRefresh1.IsRefresh()){
this.label1.setText("請別刷新提交");
}else{
this.label1.setText("正常提交");
}
return null;
}