JSF中如何防止页面刷新重复提交

2007-09-29 08:41 作者:baocl 来源:赛迪网
[摘要] 在WEB开发中都会碰见这样的情况,就是用户在进行了一项操作后按F5刷新页面会重复提交页面的问题。
[关键字] JSF 刷新 浏览器
  在WEB开发中都会碰见这样的情况,就是用户在进行了一项操作后按F5刷新页面会重复提交页面的问题。

  先了解下浏览器按F5会发生什么事,在按下F5后浏览器并不是简单的刷新页面,而是模拟上一次的请求一模一样的再向服务器请求一次,加入上一次的请求是向服务器请求保存数据,那按F5后就会再一次请求保存数据,这样就等于重复提交了一次保存数据,如果我们系统中不做判断的话,很容易在用户不小心按F5后再一次把数据保存进数据库了。

  方案:

  因为按F5是完全模拟上次的请求再请求一次,可以说发送的数据和上次请求的是一样的,就想到可以在客户端和服务器端各保存一个标识状态,然后在请求中比较2个表示状态就好了。

  解决方法做成1个组件,这样就可以在所有需要使用的页面上使用该组件了,下面就直接看组件的代码吧

  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中防刷新的控件 同时在客户端和服务端保存一样的值,

   * 每次请求都改变2个的值(和以前的值相反),如果是刷新,取到的客户端的值将服务端的值不一样。

   */

  public class HtmlRefresh extends UIComponentBase...{

  private boolean m_refreshState;

  private boolean m_isRefresh;

  /** *//**

  * 当前请求是否是刷新

  * @return true 是;false 不是;

  */

  public boolean IsRefresh()...{

  return m_isRefresh;

  }

  /** *//**

  * 返回对应的渲染器,这里没有单独的渲染器,所以返回null

  */

  public String getFamily()...{

  return null;

  }

  //

  /** *//**

  * 保存视图

  */

  public Object saveState(FacesContext context)...{

  Object values[] = new Object[2];

  values[0] = super.saveState(context); // 系统自己的State

  // 保存客户端的值

  values[1] = !m_refreshState;

  // 服务器的值保存到session中

  ExternalContext exContext = FacesContext.getCurrentInstance().getExternalContext();

  HttpSession session = (HttpSession)exContext.getSession(true);

  session.setAttribute("ServerRefresh",m_refreshState);

  return values;

  }

  /** *//**

  * 恢复视图

  */

  public void restoreState(FacesContext context, Object state)...{

  Object values[] = (Object[]) state;

  super.restoreState(context, values[0]);

  this.m_refreshState = (Boolean)values[1];

  // 取服务器端值

  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;

  }

【责任编辑 陈东方】

关键词: JSF, 刷新, 浏览器,
  • 我要留言
关于硅谷动力 | 广告服务 | 版权声明 | 加入硅谷动力 | 联系我们 | 建议/投诉 | 网站导航 | 加入收藏

网站合作、内容监督、商务咨询、投诉建议:010-65245588
合作建议:hezuo@mail.enet.com.cn
Copyright © 2000-- 硅谷动力公司版权所有 京ICP证000088号

京ICP证000088号