举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > js 重定向页面 JSF 页面重定向示例

js 重定向页面 JSF 页面重定向示例

2023-03-21 05:18 Java教程

js 重定向页面 JSF 页面重定向示例

js 重定向页面

JavaScript 重定向页面是一种使用 JavaScript 实现的页面跳转方式,它可以帮助我们在不同的页面之间进行跳转。重定向可以帮助我们更好地组织和管理我们的网站,并且可以提供更好的用户体验。

JavaScript 重定向有两种方式:一是使用 window.location 对象,二是使用 HTML 的 meta 标签。window.location 对象可以通过其 href 属性来重定向到新的 URL,而 meta 标签则可以通过其 http-equiv 属性来重定向到新的 URL。

// 使用 window.location 对象重定向
window.location.href = "http://www.example.com"; 
// 使用 meta 标签重定向 
 

当我们想要在不同的页面之间进行重定向时,JavaScript 重定向就显得尤为有用。例如,当用户提交表单时,我们可能希望将其重定向到一个新的“感谢”页面;当用户试图访问一个不存在的 URL 时,也可能希望将其重定向到一个 404 错误页面。此外,JavaScript 重定向也可以帮助我们改善 SEO (搜索引擎优化)效果。

JSF 页面重定向示例

JSF教程 - JSF页面重定向示例


JSF默认在从一个页面导航到另一个页面时执行服务器页面,并且应用程序的URL不会更改。

要启用页面重定向,请在视图名称的末尾追加faces-redirect = true。

以下代码显示如何将重定向添加到JSF页面。

第1页是向前,第2页是重定向。

<h:form>
   <h3>Forward</h3>
   <h:commandButton action="page1" value="Page1" />
   <h3>Redirect</h3>
   <h:commandButton action="page2?faces-redirect=true" value="Page2" />
</h:form>

例子

以下代码来自demo.xhtml。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html">
 
    <h:body>
      <h2>This is start.xhtml</h2>
 
    <h:form>
        <!--<h:commandButton action="page1?faces-redirect=true" value="Page1" />-->
        <h:commandButton action="page1" value="Page1" />
      </h:form>
 
    </h:body>
</html>

以下代码来自page1.xhtml。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html">
 
    <h:body>
      <h2>This is page1.xhtml</h2>
    </h:body>
</html>

下面的代码来自UserBean.java。

package cn..common;


import java.io.Serializable;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

@ManagedBean
@SessionScoped
public class UserBean implements Serializable {

  private static final long serialVersionUID = 1L;
  

}
下载 Page-Redirection.zip

运行

将生成的WAR文件从目标文件夹复制到Tomcat部署文件夹,并运行Tomcat-Install-folder/bin/startup.bat。

Tomcat完成启动后,在浏览器地址栏中键入以下URL。

http://localhost:8080/simple-webapp/demo.xhtml
阅读全文
以上是编程学为你收集整理的js 重定向页面 JSF 页面重定向示例全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部