Databases
StackOverflow2013
Postsdbo
POGetting JSON data from Grails backend using Angularjs
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POGetting JSON data from Grails backend using Angularjs
    primarykey
    data
    text
    <p>I have the following problem. I have controller in Grails, which returns list in Json format:</p> <pre><code>render([tweets: tweets.take(2).collect { tweet -&gt; [id: tweet.id, content: tweet.tweetContent]}] as JSON) </code></pre> <p>This is my UrlMapping:</p> <pre><code>"/tweets/"(controller: "tweets", parseRequest: true) { action = [GET: "list"] </code></pre> <p>So when I just open this url in any browser, I am getting list of elements in JSON format:</p> <pre><code>{"tweets":[{"id":375238019298914304,"content":"@RonNegrita @Paolah_96 jajajajajajajajaja pues ale Negrita q nos lo has xk este del Tuit prima JAJAJAHAHAHAHA"},{"id":375238020360048640,"content":"My 38 Life Goals for next 10 years. Brewery's, Alabama Football, Concerts, Companies, Kids, Fiji, &amp; more: http://t.co/behxfnCo5t"}]} </code></pre> <p>Then I am trying to get this elements in HTML page using Angularjs. This is my simple code for html page:</p> <pre><code>&lt;!doctype html&gt; &lt;html lang="en" ng-app id="ng-app"&gt; &lt;head&gt; &lt;title&gt;Page Title&lt;/title&gt; &lt;script src="js/angular.js"&gt;&lt;/script&gt; &lt;script&gt; function PostsCtrlAjax($scope, $http) { $scope.tweets = [] $http.get('http://localhost:8080/trutto-api/tweets/').success(function(data) { $scope.tweets = data; // response data }); } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="ng-app" ng-app ng-controller="PostsCtrlAjax"&gt; &lt;li ng-repeat="tweet in tweets&gt;{{tweet.id}} - {{tweet.content}}&lt;/li&gt; &lt;/h2&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>When I am trying to get data in Chrome browser, I am getting to following error:</p> <pre><code>"Xml http request cannot load http://localhost:8080/trutto-api/tweets/. Original null is not allowed by access-control-allow-origin" </code></pre> <p>I found question regarding this error here, it suggests starting Chrome with this command:</p> <pre><code>"- allow-file-access-from-files". </code></pre> <p>I tried it - it doens't work, returns the same error. Then I tried it on Glassfish server -> opening in Chrome leads to same error.</p> <p>Opening in Mozilla Firefox leads to the following error:</p> <pre><code>SyntaxError: JSON.parse: unexpected end of data. </code></pre> <p>How should I fix it? Thank you in advance.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USTonven
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POGetting JSON data from Grails backend using Angularjs
      1. USakn
      1. VTFavorite
    2. VO
      singulars
      1. POGetting JSON data from Grails backend using Angularjs
      1. USprayagupd
      1. VTFavorite
    1. COShouldn't it be `$scope.tweets = data.tweets;` in the success callback?
      singulars
      1. POGetting JSON data from Grails backend using Angularjs
      1. USdmahapatro
    2. COTried to change, get the same errors.
      singulars
      1. POGetting JSON data from Grails backend using Angularjs
      1. USTonven
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload