JSF 2 ajax示例不起作用

时间:2016-12-23 18:28:49

标签: java

从这个例子开始:https://www.tutorialspoint.com/jsf/jsf_ajax.htm

eclipse不喜欢它提供的.xhtml文件,我使用了这个:

    <!DOCTYPE html>

    <html xmlns="http://www.w3.org/1999/xhtml" 
       xmlns:h="http://java.sun.com/jsf/html" 
       xmlns:ui="http://java.sun.com/jsf/facelets" 
       xmlns:f="http://java.sun.com/jsf/core"
       xmlns:composite="http://java.sun.com/jsf/composite">

    <h:head>
      <title>JSF tutorial</title>
   </h:head>
   <h:body>
      <h2>Ajax Example</h2>
          <h:form>
          <h:inputText id="inputName" value="#{userData.name}"></h:inputText>
           <h:commandButton value="Show Message">
             <f:ajax execute="inputName" render="outputMessage" />
          </h:commandButton>
          <h2><h:outputText id="outputMessage"
             value="#{userData.welcomeMessage !=null ?
                userData.welcomeMessage : ''}"
             /></h2>
          </h:form>
       </h:body>
    </html>
显然,doctype不对。

当然还有教程中的UserData。当在tomcat 9上运行项目时,我可以看到标题和h2标题,但没有按钮或输入字段。

为什么会这样?

我实际上是在serverfault上问过这个问题,但是因为它已关闭,我在这里重新发布。我希望没问题。

有人在serverfault上回答,之后我确实将我的pom.xml更改为:

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>ajax-2</groupId>
  <artifactId>ajax-2</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  <packaging>war</packaging>
  <build>
    <sourceDirectory>src</sourceDirectory>
    <plugins>
      <plugin>
        <artifactId>maven-compiler-plugin</artifactId>
        <version>3.5.1</version>
        <configuration>
          <source>1.8</source>
          <target>1.8</target>
        </configuration>
      </plugin>
      <plugin>
        <artifactId>maven-war-plugin</artifactId>
        <version>3.0.0</version>
        <configuration>
          <warSourceDirectory>WebContent</warSourceDirectory>
        </configuration>
      </plugin>
    </plugins>
  </build>
  <dependencies>
    <dependency>
        <groupId>com.sun.faces</groupId>
        <artifactId>jsf-api</artifactId>
        <version>2.2.14</version>
    </dependency>
    <dependency>
        <groupId>com.sun.faces</groupId>
        <artifactId>jsf-impl</artifactId>
        <version>2.2.14</version>
    </dependency>
  </dependencies>

并确实运行&#34; maven clean install&#34;在项目目录的命令行上。
在下载了很多较小的文件后,它说如果完成了。 但是网页没有变化,除了标题和标题之外,它没有任何内容。

这是我的web.xml:

   <?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" version="3.1">
  <display-name>ajax-2</display-name>
  <servlet>
    <servlet-name>Faces Servlet</servlet-name>
    <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>/faces/*</url-pattern>
  </servlet-mapping>
  <context-param>
    <description>State saving method: 'client' or 'server' (=default). See JSF Specification 2.5.2</description>
    <param-name>javax.faces.STATE_SAVING_METHOD</param-name>
    <param-value>client</param-value>
  </context-param>
  <context-param>
    <param-name>javax.servlet.jsp.jstl.fmt.localizationContext</param-name>
    <param-value>resources.application</param-value>
  </context-param>
  <listener>
    <listener-class>com.sun.faces.config.ConfigureListener</listener-class>
  </listener>
  <servlet-mapping>
  <servlet-name>Faces Servlet</servlet-name>
  <url-pattern>*.jsf</url-pattern>
</servlet-mapping>

<servlet-mapping>
  <servlet-name>Faces Servlet</servlet-name>
  <url-pattern>*.faces</url-pattern>
</servlet-mapping>

<servlet-mapping>
  <servlet-name>Faces Servlet</servlet-name>
  <url-pattern>*.xhtml</url-pattern>
</servlet-mapping>

所以我想错过这个简单的例子吗?

1 个答案:

答案 0 :(得分:0)

我从来没有发现这有什么问题,但对于这篇文章的读者来说,java ee教程中的ajaxguessnumber示例在netbeans中顺利运行。

本教程也是:
http://www.oracle.com/webfolder/technetwork/tutorials/obe/java/HomeWebsocket/WebsocketHome.html#overview

很适合进入jsf2 / websockets。