Search code examples
javascriptjsonimportecmascript-5

How to Import JSON file in ES5?

I have JSON file name data.json having data as

{
   "name":"XYZ"
}

and I have one ES5 file name script.js in which I want to use this JSON file and the task is to import the file and store the data in the init function in the ES5 class. I have tried

var data = require('./data.json') It gives me

Uncaught ReferenceError: require is not defined

Solution

  • You need to make your data.json file like this

    data={
   "name":"XYZ"
}

    and import the data.json file into the index.html so that data.json stay upper then script.js

        <script type="text/javascript" src="data.json"></script>
    <script src="script.js"></script>

    now you can use data as a variable in the script.js