前端json数据利用jQuery显示在DataGrid控件里面

Posted Forever-Road

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端json数据利用jQuery显示在DataGrid控件里面相关的知识,希望对你有一定的参考价值。

      有时网页后端传到前端的数据格式为json,我们需要把它展示在DataGrid里面,以下为操作代码:

                        var jsonString = ‘{"total":‘+getJsonObjLength(json)+‘,"rows":‘+JSON.stringify(json)+‘}‘;            
                        //getJsonObjLength(json) 是为了得到json格式数据的长度
                     

                        var jsonObject = $.parseJSON(jsonString);
                        $("#datagrid").datagrid(‘loadData‘, jsonObject);

     

   获取json格式数据长度函数:

        function getJsonObjLength(jsonObj)
        {
            var Length = 0;
            for (var item in jsonObj) {
                Length++;
            }
            return Length;
        }

 

以上是关于前端json数据利用jQuery显示在DataGrid控件里面的主要内容,如果未能解决你的问题,请参考以下文章

jquery的ajax和getJson跨域获取json数据

PHP、MySQL、jQuery、AJAX:json 数据返回正确响应但前端返回错误

前端怎么判断后台返回的0或1来渲染不同的页面

jQuery-Ajax请求Json数据并加载在前端页面,附视频教程讲解!

go语言怎样把json格式的数据发给前端jquery处理

利用Jquery获取服务器端json数据