Document Information


Part I Introduction

1.  Overview

2.  Using the Tutorial Examples

Part II The Web Tier

3.  Getting Started with Web Applications

4.  JavaServer Faces Technology

5.  Introduction to Facelets

6.  Expression Language

7.  Using JavaServer Faces Technology in Web Pages

8.  Using Converters, Listeners, and Validators

9.  Developing with JavaServer Faces Technology

10.  JavaServer Faces Technology: Advanced Concepts

11.  Using Ajax with JavaServer Faces Technology

Overview of Ajax

Using Ajax Functionality with JavaServer Faces Technology

Using Ajax with Facelets

Using the f:ajax Tag

Sending an Ajax Request

Using the event Attribute

Using the execute Attribute

Using the immediate Attribute

Using the listener Attribute

Monitoring Events on the Client

Handling Errors

Receiving an Ajax Response

Ajax Request Lifecycle

Grouping of Components

The ajaxguessnumber Example Application

The ajaxguessnumber Source Files

The ajaxgreeting.xhtml Facelets Page

The ui.js JavaScript File

The UserNumberBean Managed Bean

Running the ajaxguessnumber Example

To Build, Package, and Deploy the ajaxguessnumber Example Using NetBeans IDE

To Build, Package, and Deploy the ajaxguessnumber Example Using Ant

To Run the ajaxguessnumber Example

Further Information about Ajax in JavaServer Faces Technology

12.  Composite Components: Advanced Topics and Example

13.  Creating Custom UI Components and Other Custom Objects

14.  Configuring JavaServer Faces Applications

15.  Java Servlet Technology

16.  Uploading Files with Java Servlet Technology

17.  Internationalizing and Localizing Web Applications

Part III Web Services

18.  Introduction to Web Services

19.  Building Web Services with JAX-WS

20.  Building RESTful Web Services with JAX-RS

21.  JAX-RS: Advanced Topics and Example

Part IV Enterprise Beans

22.  Enterprise Beans

23.  Getting Started with Enterprise Beans

24.  Running the Enterprise Bean Examples

25.  A Message-Driven Bean Example

26.  Using the Embedded Enterprise Bean Container

27.  Using Asynchronous Method Invocation in Session Beans

Part V Contexts and Dependency Injection for the Java EE Platform

28.  Introduction to Contexts and Dependency Injection for the Java EE Platform

29.  Running the Basic Contexts and Dependency Injection Examples

30.  Contexts and Dependency Injection for the Java EE Platform: Advanced Topics

31.  Running the Advanced Contexts and Dependency Injection Examples

Part VI Persistence

32.  Introduction to the Java Persistence API

33.  Running the Persistence Examples

34.  The Java Persistence Query Language

35.  Using the Criteria API to Create Queries

36.  Creating and Using String-Based Criteria Queries

37.  Controlling Concurrent Access to Entity Data with Locking

38.  Using a Second-Level Cache with Java Persistence API Applications

Part VII Security

39.  Introduction to Security in the Java EE Platform

40.  Getting Started Securing Web Applications

41.  Getting Started Securing Enterprise Applications

42.  Java EE Security: Advanced Topics

Part VIII Java EE Supporting Technologies

43.  Introduction to Java EE Supporting Technologies

44.  Transactions

45.  Resources and Resource Adapters

46.  The Resource Adapter Example

47.  Java Message Service Concepts

48.  Java Message Service Examples

49.  Bean Validation: Advanced Topics

50.  Using Java EE Interceptors

Part IX Case Studies

51.  Duke's Bookstore Case Study Example

52.  Duke's Tutoring Case Study Example

53.  Duke's Forest Case Study Example



Loading JavaScript as a Resource

The JavaScript resource file bundled with JavaServer Faces technology is named jsf.js and is available in the javax.faces library. This resource library supports Ajax functionality in JavaServer Faces applications.

In order to use this resource directly with a component or a bean class, you need to explicitly load the resource library. The resource can be loaded in one of the following ways:

  • By using the resource API directly in a Facelets page

  • By using the javax.faces.application.ResourceDependency annotation and the resource API in a bean class

Using JavaScript API in a Facelets Application

To use the bundled JavaScript resource API directly in a web application, such as a Facelets page, you need to first identify the default JavaScript resource for the page with the help of the h:outputScript tag. For example, consider the following section of a Facelets page:

    <h:outputScript name="jsf.js" library="javax.faces" target="head"/>

Specifying the target as head causes the script resource to be rendered within the head element on the HTML page.

In the next step, identify the component to which you would like to attach the Ajax functionality. Add the Ajax functionality to the component by using the JavaScript API. For example, consider the following:

    <h:outputScript name="jsf.js" library="javax.faces" target="head">
    <h:inputText id="inputname" value="#{}"/>
    <h:outputText id="outputname" value="#{}"/>
    <h:commandButton id="submit" value="Submit"
                        onclick="jsf.ajax.request(this, event, 
                        return false;" />

The jsf.ajax.request method takes up to three parameters that specify source, event, and options. The source parameter identifies the DOM element that triggered the Ajax request, typically this. The optional event parameter identifies the DOM event that triggered this request. The optional options parameter contains a set of name/value pairs from Table 11-5.

Table 11-5 Possible Values for the Options Parameter




A space-delimited list of client identifiers or one of the keywords listed in Table 11-2. The identifiers reference the components that will be processed during the execute phase of the lifecycle.


A space-delimited list of client identifiers or one of the keywords listed in Table 11-2. The identifiers reference the components that will be processed during the render phase of the lifecycle.


A String that is the name of the JavaScript function to call when an event occurs.


A String that is the name of the JavaScript function to call when an error occurs.


An object that may include additional parameters to include in the request.

If no identifier is specified, the default assumed keyword for the execute attribute is @this, and for the render attribute it is @none.

You can also place the JavaScript method in a file and include it as a resource.

Using the @ResourceDependency Annotation in a Bean Class

Use the javax.faces.application.ResourceDependency annotation to cause the bean class to load the default jsf.js library.

To load the Ajax resource from the server side, use the jsf.ajax.request method within the bean class. This method is usually used when creating a custom component or a custom renderer for a component.

The following example shows how the resource is loaded in a bean class:

@ResourceDependency(name="jsf.js" library="javax.faces" target="head")