(转帖)关于easyui中的datagrid在加载数据时候报错：无法获取属性"Length"的值，对象为null或未定义
结贴说明： 很感谢sp1234等人的热心帮忙和提醒，现在我主要说明下问题所在： 首先我在独立的js文件中，直接把测试数据loaddata进去datagrid是没有问题的。
var kk = {"total":2,"rows":[{"INSTANCE_ID":"BI00000011","BUSINESS_NAME":"专项检查文档资料报送","INSTANCE_STATUS":"hello正在办文处理中","JBR":"hello","DO_DATE":"2015/1/31 20:15:36","EXPIRE_DATE":"2015/2/1 20:15:36","CREATOR":"hello","CREATE_DATE":"2015/1/31 20:15:36","DELETOR":"","DELETE_DATE":"","CURRENTDO_USER_ID":"UE000235","EXCHANGE_ID":"BI00000033"},{"INSTANCE_ID":"BI00000012","BUSINESS_NAME":"专项检查文档资料报送","INSTANCE_STATUS":"hello正在办文处理中","JBR":"hello","DO_DATE":"2015/1/31 20:59:59","EXPIRE_DATE":"2015/2/1 20:59:59","CREATOR":"hello","CREATE_DATE":"2015/1/31 20:59:59","DELETOR":"","DELETE_DATE":"","CURRENTDO_USER_ID":"UE000235","EXCHANGE_ID":"BI00000034"}]}
$("#divcasebox").datagrid("loadData", eval(kk));
在独立页面处理上面过程是不会报错的，但是经过后台调用传过来data后，就报错了，经过上网查询，发现问题所在就是后台传过来的是字符串，而不是json对象，也即是说对于服务器返回的JSON字符串，如果jquery异步请求没做类型说明，那就以字符串方式接受，那么需要做一次对象化处理，即将字符串放在eval()中执行一次。但是这里又引发了另外一个问题：字符串直接用eval（string）是报错的，直接报错说缺少“；”。这个就是eval本身的问题，由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式，因此要使用var dataObj=eval("("+data+")")这样才能转换成json对象，为什么这里要加上圆括号呢？是因为加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。举一个例子，例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句。 所以，问题到此已经弄明白了，就是格式的问题，由于考虑到用eval()效率不高，而且在个别浏览器中会报错，所以本次我采用的字符串转换json的方法使用JSON.parse(string）。所以最后我的加载数据的函数如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
function CaseBoxLoadData() { $.ajax({ type: "Post", url: "GXOAServer.asmx/TodoBoxLoadData", //async: false, //true:异步，false:同步 data: {}, //contentType: false, //processData: false, success: function (data) { var jsondata = JSON.parse(data.text); $("#divcasebox").datagrid("loadData", jsondata); }, error: function (err) { alert("error"); } }); |
