Redirect issue from localhost using Play Framework & Angularjs

Question

I am using Play Framework and Angularjs for my application. My requirement is to redirect Play framework page based on some parameter selected on UI.

Here is my code,

On Page I opened bootstrap modal dialog and on submit action calling angular post method,

$scope.loginToExt = function() {

  var data = $scope.env;

  $http.post('/login', {env: data})
    .success(function(data){
      //$scope.env = data
    })
    .error(function(data){
      console.log(data)
    });
};

Once I click submit on my modal it will call '/login' and based on my route mapping will call action method as below,

def login = Action(parse.json) { implicit request =>
val env = (request.body \ "env").as[String]

env match {
  case _ => {
    Redirect("https://google.com")
      .withHeaders(ACCESS_CONTROL_ALLOW_ORIGIN -> "*")
  }
}

Route file as below,

POST     /login             controllers.Application.login

I don't know what the issue is but I was getting error as below and unable to redirect my page.

XMLHttpRequest cannot load https://google.com/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:9000' is therefore not allowed access.

Community · Accepted Answer · 2017-05-23 11:44:15Z

1

I believe the issue you are having is because you are trying to redirect inside an ajax ($http.post) call, see this post:

Your server side code cannot redirect the browser from an ajax response.

Using $http.post and res.redirect without resolving the promise

See also: Handle an express redirect from Angular POST

Instead of trying to redirect from Play, consider returning a response with the url of the redirect, then in your success call back, redirect from there:

$window.location.href = "https://google.com";

(remember to inject $window)

edited May 23, 2017 at 11:44

CommunityBot

11 silver badge

answered Sep 27, 2015 at 20:18

BatteryAcid

8,9595 gold badges34 silver badges43 bronze badges

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

3 Comments

Nishan Over a year ago

Thanks for your help...but is there any way I can redirect it from Play Controller ?

BatteryAcid Over a year ago

I don't think so. See stackoverflow.com/a/15996968/1956540, in the comments it is pointed out that because of the nature of XHR requests, redirects in this fashion are not going to work.

Nishan Over a year ago

Thanks again for you time. It seems difficult to achieve this using javascript so I have replace javascript logic with play html form and controller based native logic. No JavaScript used now and now it is working as expected.

Arpit Suthar · Accepted Answer · 2016-07-01 10:03:05Z

0

By looking https://gist.github.com/mitchwongho/78cf2ae0276847c9d332 , You have to add "access-control-allow-origin" in HeaderNames.ACCESS_CONTROL_ALLOW_HEADERS in Global.scala file.

answered Jul 1, 2016 at 10:03

Arpit Suthar

7541 gold badge5 silver badges19 bronze badges

Collectives™ on Stack Overflow

Redirect issue from localhost using Play Framework & Angularjs

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related