jQuery调用json文件

利用jQuery调用json文件

坑1：chrome的安全配置，不支持调用本地文件，需将网页和JSON一并上传到服务器后才可以调试；

js代码如下：

./css/config.json：为你的json文件路径

function getDataFromJSON(tag) {

    $.getJSON("./css/config.json", function (data) {

        if (data != null && data['serverGroup'].length > 0) {

            $('#devdata').empty();

            $.each(data['serverGroup'], function (infoIndex, info) {

                $('#devdata').append(

                    "<label><input type='checkbox' style='margin-left: 80px; margin-right: 10px;' value='" + info["ip"] + "'>" + info["name"] + "</label>"

                );

                if ((infoIndex + 1) % 4 == 0) {

                    //每4个换行

                    $('#devdata').append("<br>");

                }

            })

        } else {

            $('#devdata').empty();

            $('#devdata').append(

                "<label> 配置文件数据为空！ </label>"

            );

        }

    }).fail(function (ex) {

        console.log(ex);

        $('#devdata').empty();

        $('#devdata').append(

            "<label>配置文件数据格式错误！ </label>"

        );

    });

}