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

发布时间：2020-12-16 18:41:32 所属栏目：百科来源：网络整理

导读：$.getJSON() $.getJSON( url [,data ] [,success(data,textStatus,jqXHR) ] ) url是必选参数，表示json数据的地址； data是可选参数，用于请求数据时发送数据参数； success是可参数，这是一个回调函数，用于处理请求到的数据。 json数据的一般格式如下（“{

$.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,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‘,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,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,v) { 
                            tt += k + ":" + v + "___"; 
                        })  
                        tt += "<br/>"; 
                    }); 
                    $("#list4").html(‘‘); 
                    $("#list4").html(tt); 
                } 
            ); 
        }); 
    </script>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!