Java Play Framework Groovy Scripts within Javascript

Question

I want to perform some AJAX style data retrieval using the Java Play Framework and have come across an issue with the 'route' script syntax.

The problem is that in the code below @{Movies.show("'+movie.id+'")} gets compiled to url/etc/+movie.id+ rather than url/etc/1.

<script type="text/javascript">
       function showMoreMovies()
       {
       $.getJSON('@{Movies.jsonAllMovies()}', function(movies) {

          var items = [];

          $.each(movies, function(i, movie) 
          { 
          var div_data =  '<div class="movie">'+
                          '<h2 class="movie-title"><a href="@{Movies.show("'+movie.id+'")}">'+movie.title+'</a></h2>'+
                          '<div class="release-date">' + movie.releasedString + '</div>'+
                          '<div class="comments">| comments: ' + movie.commentCount + '</div>'+
                          '</div>';

          $(div_data).appendTo("#movie_results");

          });
       });
       }
</script>

A work around is to hard-code the route url:

<a href="url/etc/'+movie.id+'">

which works, but you lose the benefits of automatic routing.

Has anyone else come across this or found a new solution to this problem?

mandubian · Accepted Answer · 2011-09-26 12:30:17Z

4

It's quite normal... Remind that a groovy script is precompiled at server side and not executed at client side.

<a href="@{Movies.show("'+movie.id+'")}"> is compiled and groovy parses @{Movies.show("'+movie.id+'")} and generates "url/etc/+movie.id+" which is the URL of action Movies.show(id="+movie.id+")

You should use this: http://www.playframework.org/documentation/1.2.3/ajax

var showAction = #{jsAction @Movies.show(':id') /}

And then use it like that:

var div_data =  '<div class="movie">'+
                '<h2 class="movie-title"><a href="'+ showAction({id: movie.id}) +'">'+movie.title+'</a></h2>'+
                '<div class="release-date">' + movie.releasedString + '</div>'+
                '<div class="comments">| comments: ' + movie.commentCount + '</div>'+
                '</div>';

answered Sep 26, 2011 at 12:30

mandubian

4,4271 gold badge24 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

tim_yates Over a year ago

Or you could add a url field to your Movie json which is returned from the @{Movies.jsonAllMovies()} call

Rubens · Accepted Answer · 2013-06-23 02:54:33Z

0

Another solution is to use the following:

"/movies/show/etc/"+movie.id;

edited Jun 23, 2013 at 2:54

Rubens

14.8k11 gold badges68 silver badges94 bronze badges

answered Jun 23, 2013 at 2:32

Bika Alif

1

Collectives™ on Stack Overflow

Java Play Framework Groovy Scripts within Javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related