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默认在从一个页面导航到另一个页面时执行服务器页面,并且应用程序的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
JPA教程 -JPA ElementCollection CollectionTable覆盖示例以下代码显示了如何将集合与目标实体映射到数据库。// Using a targetC...
JPA教程 -JPA查询分页示例PersonDaoImpl在下面的部分显示如何逐页显示结果。例子下面的代码来自Department.java。package cn..co...