Reading Json file from angularJs causing error

Question

I am trying to read a json file from my visual studio 2013 environment. It is throwing some error as mentioned below

The page you are requesting cannot be served because of the extension configuration. If the page is a script, add a handler. If the file should be downloaded, add a MIME map.

However its working fine on plnkr http://plnkr.co/edit/std1ngB40YIJBmC94Zdm?p=preview

Can someone please let me know how to resolve the same ?

Error screen shot

Folder Structure

so is there a file of that name in root of site? We can't debug path problems from an image alone. Also error message seems like you may need to configure IIS for json files — charlietfl, Sep 21 '15 at 11:26
How can that be if you are getting a 404? Comment doesn't make sense and isn't very informative with regard to troubleshooting — charlietfl, Sep 21 '15 at 12:04
I have added one more image of my folder structure. hoping it will give you more clarity. You can see that ``employees.json`` is at root — Gaurav123, Sep 21 '15 at 12:08
Then you need to configure IIS to allow json. Should be easy to research — charlietfl, Sep 21 '15 at 12:11
No, because I thought its json file so extension should be .json right ? — Gaurav123, Sep 21 '15 at 12:14
Have you added a mine map for the file extension, as it suggests? — James T, Sep 21 '15 at 12:21
json isn't executable. Problem is related to mime extensions allowed in IIS. Again, do some research. Changing extension to js would work just to test, both are static resources — charlietfl, Sep 21 '15 at 12:25
@charlietfl : yes ``.js`` is fine but it should work with ``json`` as well because already working on ``plnkr`` so doing R&D on the same — Gaurav123, Sep 21 '15 at 12:35
plunker has nothing to do with your server not delivering a json file due to mime type issue. Your problem has nothing to do with javascript or client side — charlietfl, Sep 21 '15 at 12:42
Hi Guys :-) Its fixed now, please refer the answer as mentioned below..Feeling relaxed and happy finally :) — Gaurav123, Sep 22 '15 at 04:52

score -1 · Answer 1 · answered Sep 21 '15 at 12:26

-1

Have you set up the mime map correctly? I only see a screenshot for the handler mapping.

Open IIS Manager
Display properties for the IIS Server
Click MIME Types and then add the JSON extension:
- File name extension: .json MIME
- type: application/json
Go back to the properties for IIS Server
Click on Handler Mappings
Add a script map
- Request path: *.json
- Executable: C:\WINDOWS\system32\inetsrv\asp.dll
- Name: JSON

If this still fails to work remove the script map completed and just stick with the mime map, I do not know why you are adding the script map in the first place.

answered Sep 21 '15 at 12:26

James T

1,155
4
17
39

Please read the error carefully , you can see that ``If the page is a script, add a handler. If the file should be downloaded, add a MIME map.`` – Gaurav123 Sep 21 '15 at 12:33
@Gaurvav but the page is not a script? you are doing a `$http.get`which means the client is **downloading** the file not the server **executing** the file. Therefore, you need to set up a mime type so that the **download** request is correctly handled by the server. Follow my advice. **handler mappings** handle **server executable code**, **mime mappings** handle non-executable content usually streamed to the client. I believe it is you who needs to read the error correctly, this is a download. Not a script. – James T Sep 21 '15 at 13:03
I got your point and tried the same steps as you said but it didn't work. Do you have any idea what am I missing ? – Gaurav123 Sep 22 '15 at 04:37

score -1 · Accepted Answer · edited May 23 '17 at 12:31

I done lot of research on this issue and finally its resolved :) :)

I tried the answer given by @James Trotter as well but didn't get success.

I don't know why MIME in IIS didn't work but it worked when I added it in web.config

SOLUTION :

  <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".json" mimeType="application/json" />
    </staticContent>
  </system.webServer>

For More Information

Allow loading of JSON files in Visual Studio Express 2013 for Web

Reading Json file from angularJs causing error

2 Answers2