Re^4: Perl Restfull call by Angular JS not working

Hi Now My AJS code is working fine now. Now the problem is with the perl. Below is code for AJS


<!DOCTYPE html>
<html ng-app="MyApp">

  <head>
    <script data-require="angular.js@*" data-semver="1.4.0-rc.2" src="
+https://code.angularjs.org/1.4.0-rc.2/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="MyController">
    <h1>Welcome!</h1>
    <ul>
      <li ng-repeat="x in names">{{x.Name + ' | ' + x.Country}}</li>
    </ul>
    <script>
      var MyResponse = {
        "records":{
              "2":{"City":"MÃ©xico D.F.","Country":"Mexico","Name":"An
+a Trujillo Emparedados y helados"},
              "1":{"Name":"Alfreds Futterkiste","Country":"Germany","C
+ity":"Berlin"}
          }
      }
      var app = angular.module('MyApp', []);
      app.controller('MyController', ['$scope', '$http', function($sco
+pe, $http) {
        $scope.names = {};
        $http.get("http://localhost:5000/about")
        .success(function (response) {$scope.names = response.records;
+})
        .error(function(err){
          $scope.names = MyResponse.records;
        });
      }]);
    </script>
  </body>

</html>
[download]

Now, when I run the url in the browser, I get the {"records": { "2":{"City":"MÃ©xico D.F.","Country":"Mexico","Name":"Ana Trujillo Emparedados y helados"}, "1":{"Name":"Alfreds Futterkiste","Country":"Germany","City":"Berlin"} } } This is same I required for AJS to work but in the dancer logs it gives an error "Failed to serialize the request: hash- or arrayref expected (not a simple scalar, use allow_nonref to allow this) at /usr/local/share/perl/5.18.2/Dancer2/Serializer/JSON.pm line 34. in (eval 299) l. 1"

### App.pm Code ###

package TarView::App;
use Dancer2;
use Dancer::Exception;

our $VERSION = '0.1';

set serializer => 'JSON';

get '/' => sub {
    template 'index';
};

get '/about' => sub {
    
    my %hash = (
                records => {
                                1 => {
                                    Name => "Alfreds Futterkiste",
                                    City =>  "Berlin",
                                    Country => "Germany"
                                },
                                2 => {
                                         Name => "Ana Trujillo Empared
+ados y helados",
                                         City => "México D.F.",
                                         Country => "Mexico"
                                }
                   }      
            );
    return \%hash;
};
true;
[download]

As I understand '/' failed to return the JSON which is true because I don't want to return JSON from '/' it should use 'template index'. Can anybody suggest how to accomplish this ?

Comment on Re^4: Perl Restfull call by Angular JS not working Select or Download Code

Replies are listed 'Best First'.
Re^5: Perl Restfull call by Angular JS not working by Anonymous Monk on Jun 08, 2015 at 23:14 UTC
...Failed to serialize the request: hash- or arrayref expected (not a simple scalar, use allow_nonref to allow this) ...As I understand '/' failed to return the JSON which is true because I don't want to return JSON from '/' it should use 'template index'. Can anybody suggest how to accomplish this ? If you want two serializers, you're going to need two apps, and a Plack::Builder to manage them , thats the lesson from Add serializer breaks Dancer2 app · Issue #833 · PerlDancer/Dancer2 · GitHub/Serial Serializer - making API writing easier \| PerlDancer Advent Calendar `app.pl: use MyApp; use MyApp::JSONED; use Plack::Builder; builder { mount '/' => MyApp->to_app; mount '/json' => MyApp::JSONED->to_app; };` [download]	[reply] [d/l]

Replies are listed 'Best First'.

Re^5: Perl Restfull call by Angular JS not working
by Anonymous Monk on Jun 08, 2015 at 23:14 UTC

...Failed to serialize the request: hash- or arrayref expected (not a simple scalar, use allow_nonref to allow this) ...As I understand '/' failed to return the JSON which is true because I don't want to return JSON from '/' it should use 'template index'. Can anybody suggest how to accomplish this ?

If you want two serializers, you're going to need two apps, and a Plack::Builder to manage them , thats the lesson from Add serializer breaks Dancer2 app · Issue #833 · PerlDancer/Dancer2 · GitHub/Serial Serializer - making API writing easier | PerlDancer Advent Calendar

app.pl:
use MyApp;
use MyApp::JSONED;
use Plack::Builder;
builder {
    mount '/'    => MyApp->to_app;
    mount '/json' => MyApp::JSONED->to_app;
};
[download]

[reply]
[d/l]