如何将json文件用于静态服务器？

Question

I have written a simple app in angular, where I have encoded the json data directly into the $scope of a controller, and then I do stuff with that data. Can I have something like data.json, and send it to the client along with js and css files, which angular can then read? How would I go about doing that? Ajax is not allowed.

Answer 1

If AJAX is not allowed you will have to make the file a javascript file, not a JSON file. By doing this you get something very similar to JSONP (JSON with Padding). In this, you essentially pass the JSON object to a callback function. For example:

myCallback({"foo":"bar", "bing":1900});

You can then include this file as a script tag and your callback will be fired with the appropriate data. Ensure that you include the script tag for the data after the script tag that defines the callback function.

The other alternative is storing the object as a global variable. It's generally considered bad to pollute the global scope.

Answer 2

Local acces

For local access only, ou could use file URI (maybe, depending on tools used):

file:///home/user/project/file.js

instead of

http://somewhere.net/project/file.js

...

Sharing pages

You have to use a server in order to serve files to browsers ( clients ).

For doing this, the lighter prototypical way is to use tools like netcat :

nc -l -p 8080 -q 0 < <(
    echo $'HTTP/1.1 200 OK\r\nContent-type: application/javascript\r\n\r';
    cat file.js)

even in a while true;do ... ;done loop.

You may use more featured prototypical tools like Mojolicious or finalized servers like lighttpd , nginx , Apache or else..