jquery 2 ways to get JSON data asynchronously

jquery has 2 ways to get JSON data asynchronously, one is the $.getjson method, and the other is the $.ajax method. This experience uses these 2 ways to get JSON data asynchronously and then append to the page.

Create the Data.json file under the root directory:

{
    "One": "Hello",
    "The Other":"World"
}

Get JSON data through the $.getjson method

    <script src= "scripts/jquery-2.1.1.min.js" ></script>
    <script type= "text/javascript" >
        $ (function () {
            $.getjson (' Data.json ', function (data) {
                var items = [];
                $.each (data, function (key, Val) {
                    Items.push (' <li id= "' + key + '" > ' + val + ' </li> ');
                });
                $ (' <ul/> ', {
                    'class': ' List ',
                    Html:items.join (")
                }). AppendTo (' body ');
            });
        });
    </script>

Get JSON data through the $.ajax method

    <script src= "scripts/jquery-2.1.1.min.js" ></script>
    <script type= "text/javascript" >
        $ (function () {
            $.ajax ({
                URL: ' Data.json ',
                DataType: ' JSON ',
                Success:function (data) {
                    var items = [];
                    $.each (data, function (key, Val) {
                        Items.push (' <li id= "' + key + '" > ' + val + ' </li> ');
                    });
                    $ (' <ul/> ', {
                        'class': ' List ',
                        Html:items.join (")
                    }). AppendTo (' body ');
                },
                StatusCode: {
                    404:function () {
                        Alert (" no related documents found ~ ~");
                    }
                }
            });
        });
    </script>

Summary: The same effect can be achieved using the $.getjson method and the $.ajax method, but it is recommended to use the $.ajax method if you want more detailed control over the asynchronous acquisition process.