Loading json file before js file

Question

My application needs static translation. I've entered the translations in a json file. I want to load this json file before the js files are loaded. How can I do it? Any help would be appreciated.

@Nikhil Are you using any backend language? For example php. — Daniel Lagiň, Mar 06 '17 at 14:13
Make sure to include the `json.js` file before the `functions.js`? — domsson, Mar 06 '17 at 14:13

score 1 · Answer 1 · edited May 23 '17 at 12:25

1

Personally i would not rely on the order, the scripts are loaded in the document, but use a mechanism like the domready-event or even better something like require.js. With require.js you can load your JSON and after that do your JS-stuff.

domready-event: https://learn.jquery.com/using-jquery-core/document-ready/

require.js: requirejs load static JSON file

edited May 23 '17 at 12:25

Community

1
1

answered Mar 06 '17 at 14:20

Stefan Jelner

111
1
4

score 0 · Answer 2 · edited Mar 02 '18 at 19:32

0

$(function(){

  $.ajax({

      dataType: "json",

      url: 'path/to/json/file.json',

      success: function(result){

         // you can process the JSON result first
         // and call other functions after this point

      }

      });

  });

edited Mar 02 '18 at 19:32

Diego Rafael Souza

5,241
3
23
62

answered Mar 06 '17 at 14:14

nitinsridar

684
1
12
25

score 0 · Answer 3 · answered Mar 06 '17 at 14:28

you can do something like this:

$(function(){
  $.ajax({
    dataType: "json",
    url: 'path/to/json/file.json',
    success: function(result){
        start(result)
    }
  });
});
function start(data /*converted to javascript object*/ ){
  // you can process the JSON result first
  // and call other functions after this point
}

Loading json file before js file

3 Answers3