jquery Easy UI 的datagrid的時候遇到問題了,大神們請幫忙看下


程序框架是用的asp.net的MVC

后台代碼是這樣子的

[HttpPost]
public ActionResult Index1()
{
    StringBuilder strb=new StringBuilder();
    strb.Append("{\"total\":126,\"rows\":[{\"address\":\"CZ88.NET \",\"city\":\"IANA保留地址\",\"id\":\"1\"},");
    strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"澳大利亞\",\"id\":\"2\"},");
    strb.Append("{\"address\":\"電信\",\"city\":\"福建省\",\"id\":\"3\"},");
    strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"澳大利亞\",\"id\":\"4\"},");
    strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"泰國\",\"id\":\"5\"},");
    strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"日本\",\"id\":\"6\"},");
    strb.Append("{\"address\":\"電信\",\"city\":\"廣東省\",\"id\":\"7\"},");
    strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"日本\",\"id\":\"8\"}]}");
    return Json(strb.ToString());
}


前台JS代碼是這樣的

<script>
    function loder() {
        $('#grid').datagrid({
            title: '表格',
            width: 700,
            height: 500,
            method:"post",
            url: 'Home/Index1',
            columns: [[{ field: 'ID', title: 'id', width: 100, align: 'center' },
                         { field: '地區', title: 'city', width: 120, align: 'left' },
                         { field: '地址', title: 'address', align: 'left', width: 500 }]]
        });
    }
</script>

頁面代碼:


<body>
    <input type="button" id="updateGrid" onclick="loder()"  value="更新標題"/>
   <table id="grid"></table>

</body>

火狐里報錯是這樣的


TypeError: rows is undefined

火狐瀏覽器請求響應到的數據是這樣的圖片



響應的字符串

"{\"total\":126,\"rows\":[{\"address\":\"CZ88.NET \",\"city\":\"IANA保留地址\",\"id\":\"1\"},{\"address\":\"CZ88.NET \",\"city\":\"澳大利亞\",\"id\":\"2\"},{\"address\":\"電信\",\"city\":\"福建省\",\"id\":\"3\"},{\"address\":\"CZ88.NET \",\"city\":\"澳大利亞\",\"id\":\"4\"},{\"address\":\"CZ88.NET \",\"city\":\"泰國\",\"id\":\"5\"},{\"address\":\"CZ88.NET \",\"city\":\"日本\",\"id\":\"6\"},{\"address\":\"電信\",\"city\":\"廣東省\",\"id\":\"7\"},{\"address\":\"CZ88.NET \",\"city\":\"日本\",\"id\":\"8\"}]}"


頁面上顯示的datagrid是這樣的



不知道問題出在哪里了........

9 个解决方案

#1


不該帶反斜杠吧

#2


其它控件的。  谷歌的返回。

#3


你的后台返回的是字符串不會解析成json字符串 把數據封裝成bean對象在返回試試

#4


你返回的是字符串了,Json這個函數是不是又進行了"轉義替換了

#5


引用 1 樓 MengYouXuanLv 的回復:
不該帶反斜杠吧

反斜杠是轉義字符,是把反斜杠后邊的引號轉意成引號返回,否則就成了程序里的字符串結束符號了

#6


引用 5 樓 xiaozhang0372 的回復:
Quote: 引用 1 樓 MengYouXuanLv 的回復:

不該帶反斜杠吧

反斜杠是轉義字符,是把反斜杠后邊的引號轉意成引號返回,否則就成了程序里的字符串結束符號了

剛剛發現你返回的是字符串,你應該放到bean對象里面返回回來

#7


public ActionResult Index1()
{
    StringBuilder strb=new StringBuilder();
    strb.Append("{\"total\":126,\"rows\":[{\"address\":\"CZ88.NET \",\"city\":\"IANA保留地址\",\"id\":\"1\"},");
    strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"澳大利亞\",\"id\":\"2\"},");
    strb.Append("{\"address\":\"電信\",\"city\":\"福建省\",\"id\":\"3\"},");
    strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"澳大利亞\",\"id\":\"4\"},");
    strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"泰國\",\"id\":\"5\"},");
    strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"日本\",\"id\":\"6\"},");
    strb.Append("{\"address\":\"電信\",\"city\":\"廣東省\",\"id\":\"7\"},");
    strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"日本\",\"id\":\"8\"}]}");
    return Json(strb.ToString());
}

#8


如果把上邊的代碼改成這樣的,
public void Index1()
{
    StringBuilder strb=new StringBuilder();
    strb.Append("{\"total\":126,\"rows\":[{\"address\":\"CZ88.NET \",\"city\":\"IANA保留地址\",\"id\":\"1\"},");
    strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"澳大利亞\",\"id\":\"2\"},");
    strb.Append("{\"address\":\"電信\",\"city\":\"福建省\",\"id\":\"3\"},");
    strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"澳大利亞\",\"id\":\"4\"},");
    strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"泰國\",\"id\":\"5\"},");
    strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"日本\",\"id\":\"6\"},");
    strb.Append("{\"address\":\"電信\",\"city\":\"廣東省\",\"id\":\"7\"},");
    strb.Append("{\"address\":\"CZ88.NET \",\"city\":\"日本\",\"id\":\"8\"}]}");
    Response.Write(strb.toString());
}
他是不報錯,行也顯示出來了,但是行里沒有數據。。

#9


引用 3 樓 MengYouXuanLv 的回復:
你的后台返回的是字符串不會解析成json字符串 把數據封裝成bean對象在返回試試


就是Json函數進行了轉意。把反斜杠都返回了。。

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com