比较动态JSON文件-JavaScript

Question

I've read the various questions regarding JSON object comparison, and am relatively confident that I can implement a comparison. My query is regarding loading of source .json files dynamically into JSON objects for comparison.

My scope for this project has been amended, such that a dynamically loaded .json file is checked for changes at a given interval. The previous version of the application didn't require this, so the dynamic .json file was only loaded once. Below is the current implementation (single .json file only).

The jsdata.json file:

var jsArray = [
    {
        "Value1": "Hello!",
        "Value2": "Second!"
    },
    {
        "Value3": "Third!",
        "Value4": "Last!"
    }
]

The HTML file:

var jsScript = document.createElement('script');
jsScript.setAttribute('id', 'jsFile');
jsScript.setAttribute('src', 'jsdata.json');
document.head.appendChild(jsScript);

//psJSON is called, passing the x variable

function psJSON(x) {
    $(document).ready(function(e) {
        if (jsArray[x].Value1 == "Hello!") {
            alert("Hello!");
        } else {
            alert("Sorry!");
        }
    )};
}

This current code works fine for retrieving data from the jsdata.json file. However, if I were to add a second .json file, I wouldn't know how to address the two files individually.

Is the $(document).ready() function the best approach to this, or is there a better way?

Answer 1

First of all don't put variables in .json files.

You can make this work by using $.getJSON() . This will return a promise. Do this once for every json file you have. Afterwards use $.when() to for wait for all of them to be resolved.

Working example: http://plnkr.co/edit/dFVbzzqRaZ03gfN9GWEo