AngularJS http gets the wrong json file

Question

I'm trying to follow along a AngularJS tutorial about making a Email Client.

I downloaded the source code with all chapters from 01 to 07. Started my own project in a folder called "Application".

The code is running without throwing any errors, but the thing is that it's the wrong JSON file that is being loaded!

I copied the json from 04 and changed the first from to be Hello World (originally TicketFactory). Changed every others json files to contain their location, so chapter 04 became TicketFactory chapter 04 and so on.

Now starting the server in the Application directory gives me this:

I have no clue where it is getting this .json file..? Perhaps an old GET request?

My code looks like this

InboxFactory.js

(function() {
  'use strict';

  angular
    .module('EmailApp')
    .factory('InboxFactory', myfactory);

  myfactory.$inject = ['$q','$http', '$location'];

  function myfactory($q, $http, $location){
    var exports = {};

    exports.getMessages = function () {
      return $http.get('json/emails.json')
        .error(function(data) {
          console.log('There was an error!', data);
        });
    };

    return exports;
  }

})();

It might look a bit different from the tutorial because I used Atom's AngularJS snippet package. But it looks good enough for me, but then again - I'm still learning!

I found the emails.json under Network and saw that it got it from cache. I then cleared the browser cache and it worked. — Norfeldt
– Norfeldt, Commented Feb 6, 2016 at 22:43

Didier68 · Accepted Answer · 2016-02-06 22:18:43Z

1

It also could be a cache problem !

Do F12, and check the "Network" tabs (with an F5...): you will retry the full path of the file, it's contents,...

answered Feb 6, 2016 at 22:18

Didier68

1,40317 silver badges30 bronze badges

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

5 Comments

Norfeldt Over a year ago

I have tried to refresh it a couple of times and no luck.

Didier68 Over a year ago

Have you checked the path displayed in the "referer" field , in the "Network" tabs ?

Norfeldt Over a year ago

arhh sorry I misunderstoood you.

Norfeldt Over a year ago

It doesn't seem useful to me to use cache when the content in the cache is outdated... or am I missing something?

Didier68 Over a year ago

Yes, of course, but it's your web browser which manages the cache and decides to read or not on the server. In general, if the URL does not change (file name or identical parameter), the browser can assume that the file has not changed on the server and not read it again ... One method to force the reload of the json file would be to add a timestamp parameter : return $http.get('json/emails.json?d=160206203051')

Jorel Amthor · Accepted Answer · 2016-02-06 22:01:50Z

0

return $http.get('json/emails.json')

This is misleading because you have multiple json folders containing emails.json on your project root.

Try : return $http.get('../Application/json/emails.json')

answered Feb 6, 2016 at 22:01

Jorel Amthor

1,2941 gold badge14 silver badges39 bronze badges

2 Comments

Norfeldt Over a year ago

That didn't work.. gave an error 404 in the console - File not found. The header My Inbox loaded just fine..

Jorel Amthor Over a year ago

What was error log on the console ? where did it tried to fetch the json ?

Collectives™ on Stack Overflow

AngularJS http gets the wrong json file

2 Answers 2

5 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related