同时执行多个$.getJSON() 出现数据混乱的问题的解决

$.getJSON()

$.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )

url是必选参数，表示json数据的地址；

data是可选参数，用于请求数据时发送数据参数；

success是可参数，这是一个回调函数，用于处理请求到的数据。

json数据的一般格式如下（“{ }”中的为对象，“[
]”中的为数组）

getJSON有两种传值方式：1种是以字符串的形式；2种是以json对象的形式

同时执行多个$.getJSON() 出现数据混乱的问题的解决

在执行之前加$.ajaxSettings.async =
false;    (同步执行)

执行你的代码之后及时恢复为$.ajaxSettings.async = true； （异步执行）

不然影响别的地方的需要异步执行的代码。

$.ajaxSettings.async = false;
$.getJSON(url, data, function(data){ });
$.getJSON(url, data, function(data){ });
$.getJSON(url, data, function(data){ });
......
$.ajaxSettings.async = true;

Ajax、getJSON比较：

<script type="text/javascript">
        $(function () {
            //方式一 Ajax方式获取Json数据
            $.ajax({
                url: 'jsondata.ashx?type=1',
                type: 'GET',
                dataType: 'json',
                timeout: 1000,
                cache: false,
                beforeSend: LoadFunction, //加载执行方法
                error: erryFunction,  //错误执行方法
                success: succFunction //成功执行方法
            })
            function LoadFunction() {
                $("#list").html('加载中...');
            }
            function erryFunction() {
                alert("error");
            }
            function succFunction(tt) {
                var json = eval(tt); //数组
                var tt = "";
                $.each(json, function (index) {
                    //循环获取数据
                    var Id = json[index].id;
                    var Name = json[index].name;
                    var Age = json[index].age;
                    var Score = json[index].score;
                    tt += Id + "___" + Name + "___" + Age + "___" + Score + "<br>";
                });
                $("#list").html('');
                $("#list").html(tt);
            } 

            //方式二 Json方式获取数据
            $.getJSON(
                "jsondata.ashx?type=1",
                function (data) {
                    //循环获取数据
                    var tt = "";
                    $.each(data, function (k, v) {
                        $.each(v, function (kk, vv) {
                            tt += kk + ":" + vv + "___";
                        });
                        tt += "<br/>";
                    });
                    $("#list2").html(tt);
                }
            ); 

            //方式三 Ajax方式获取Json层级数据
            $.ajax({
                url: 'jsondata.ashx?type=3',
                type: 'GET',
                dataType: 'json',
                timeout: 1000,
                cache: false,
                beforeSend: LoadFunction1, //加载执行方法
                error: erryFunction1,  //错误执行方法
                success: succFunction1 //成功执行方法
            })
            function LoadFunction1() {
                $("#list3").html('加载中...');
            }
            function erryFunction1() {
                alert("error");
            }
            function succFunction1(tt) {
                var json = eval(tt); //数组
                var tt = "";
                $.each(json, function (index) {
                    //循环获取数据
                    var Id = json[index].id;
                    var Name = json[index].name;
                    var Age = json[index].age;
                    var Score = json[index].score;
                    tt += Id + "___" + Name + "___" + Age + "___";
                    $.each(Score, function (k, v) {
                        tt += k + ":" + v + "___";
                    })
                    tt += "<br/>";
                });
                $("#list3").html('');
                $("#list3").html(tt);
            } 

            //方式四 Json方式获取层级数据
            $.getJSON(
                "jsondata.ashx?type=3",
                function (json) {
                    //循环获取数据
                    var tt = "";
                    $.each(json, function (index) {
                        //循环获取数据
                        var Id = json[index].id;
                        var Name = json[index].name;
                        var Age = json[index].age;
                        var Score = json[index].score;
                        tt += Id + "___" + Name + "___" + Age + "___";
                        $.each(Score, function (k, v) {
                            tt += k + ":" + v + "___";
                        })
                        tt += "<br/>";
                    });
                    $("#list4").html('');
                    $("#list4").html(tt);
                }
            );
        });
    </script>