How to load a json folder into Javascript?

Typically, JSON Schema parsers (including the jsonschema package, which I maintain) don't automatically load references resusively. You just need to provide the additional files that have the schemas:

var Validator = require('jsonschema').Validator;
var v = new Validator();
v.addSchema(require('./json_schema.json'), 'http://example.com/json_schema.json');
v.addSchema(require('./json_schema2.json'), 'http://example.com/json_schema2.json');

Don't forget to give your schemas a full URI, otherwise they might not work consistently between applications.

If you want to automatically import references, the jsonschema package provides a list of the known schemas without definitions in the Validator#unresolvedRefs property. Shift off this stack and import the reference with Validator#addSchema:

async function importUnresolved(){
    for(var uri; uri = v.unresolvedRefs.shift();){
        // where `get` is some resolver that downloads the schema
        schema = await get(uri);
        if(!schema) throw new Error(`Could not dereference JSON schema: <${uri}>`);
        v.addSchema(schema, uri);
    }
}

1.Write json content with the use of json parser to avoid typos.

 {
     "quiz": 
     [
         {
             "question": "Question 1",
             "a": "Answer a",
             "b": "Answer b",
             "c": "Answer c",
             "correct": "a"
         },
         {
             "question": "Question 2",
             "a": "Answer a",
             "b": "Answer b",
             "c": "Answer c",
             "correct": "b"
         },
         {
             "question": "Question 3",
             "a": "Answer a",
             "b": "Answer b",
             "c": "Answer c",
             "correct": "c"
         }
     ]
 }

2.Save json in the same folder as your js script. I named my file questions.json. 3.Load the json data with $.getJSON. Following example is complete script that loads the questions from json to allQuestions array.

var allQuestions = new Array();
    
function loadQuestions() {
    $.getJSON('question.json', function (data) {
        allQuestions = data.quiz;
    }).error(function(){
            console.log('error: json not loaded');
        });
    });
}

4.Now your json data is available in allQuestions array and you can access it, for example:

var currentQuestion = allQuestions[0].question;
var answerA         = allQuestions[0].a; 

Using .done callback Remember that$getJSON runs asynchronously. Such implementation will be not the best idea:

loadQuestions();
printQuestion(allQuestions[0]); 

It’s possible that by the moment of calling printQuestion the JSON will not be loaded yet and the allQuestions size will be 0. To ensure that some operations are done after the JSON is fully loaded, use .done callback.

var allQuestions = new Array();
    
function loadQuestions() {
    $.getJSON('question.json', function (data) {
        allQuestions = data.quiz;
    })
    .error(function() {
        console.log('error: JSON not loaded'); 
    })
    .done(function() {
        console.log( "JSON loaded!" );
        printQuestion(allQuestions[0]); 
    });
}