0 0

为什么yui解析不了后台返回的json数据呢,大牛快来救俺5

我的js代码如下:<script type="text/javascript">

YAHOO.util.Event.addListener(window, "load", function() {
    YAHOO.example.XHR_JSON = function() {

        var myColumnDefs = [
                           {key:"name", sortable:true, resizeable:true},
                           {key:"age",  sortable:true, resizeable:true}
                         
                       ];

        var myDataSource = new YAHOO.util.XHRDataSource("http://localhost:9080/YahooTest/json");
        myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
        myDataSource.connXhrMode = "queueRequests";
        myDataSource.responseSchema = {
            resultsList: "items",
            fields: ["name","age"]
        };

        var myDataTable = new YAHOO.widget.DataTable("basic",
                myColumnDefs, myDataSource, {});

        var mySuccessHandler = function() {
            alert('ok');
         };
        var myFailureHandler = function() {
            alert('hh');
                    };
        var callbackObj = {
            success : mySuccessHandler,
            failure : myFailureHandler,
            scope : myDataTable
        };
       
        myDataSource.sendRequest("",callbackObj);

               
        return {
            oDS: myDataSource,
            oDT: myDataTable
        };
    }();
});

http://localhost:9080/YahooTest/json返回的json数据是:{ items: [{"name": "dd","age": "ll"},
                                                              { "name": "dd", "age": "ll" },
        {  "name": "dd", "age": "ll"} ]
  }

   为什么我的页面表格取不到数据呢?还有alert出来的是hh,说明它进入myFailureHandler 了。
YUI 
2011年8月11日 11:37

2个答案 按时间排序 按投票排序

0 0

外面要加一个括号:[{"name": "dd","age": "ll"},                                      { "name": "dd", "age": "ll" },
{  "name": "dd", "age": "ll"} ]


带parent的只有在分页的时候那样写,读取的方式也不一样,代码就要改了

2011年8月12日 10:59
0 0

后台的数据改为这样:(不要parent)

{"name": "dd","age": "ll"},                                       { "name": "dd", "age": "ll" },
{  "name": "dd", "age": "ll"}

2011年8月12日 10:57

相关推荐

    Struts2中使用JSON+YUI之一[包含功能代码段]

    3. **处理JSON数据**:YUI提供了解析JSON数据的方法`Y.JSON.parse()`,将JSON字符串转换为JavaScript对象,方便在前端操作。 4. **更新UI**:根据接收到的JSON数据,使用YUI的DOM操作和UI组件来更新页面内容。例如...

    Struts2+JSON+YUI组合应用之二构建RichClient

    综上所述,Struts2+JSON+YUI的组合为开发者提供了一种高效、灵活的开发富客户端应用的方式,通过Struts2处理业务逻辑和数据传输,利用JSON简化数据交换,结合YUI提升用户界面的交互性和美观性。这种技术栈的应用广泛...

    针对YUI框架API

    JSON模块提供了JSON的解析和序列化功能,方便了数据的传输和存储。 10. **国际化与本地化** YUI的Intl模块支持多语言环境,提供了日期、时间、数字格式化等功能,方便开发面向全球的应用。 11. **测试工具** ...

    YUI-ajax框架开发文档

    开发者可以通过定义返回的数据格式和处理函数来定制数据源。 - `DataSource.getRecords`: 获取数据源中的记录,可以配合Ajax请求来获取远程数据。 - `DataSource.doBeforeCallback`: 在调用回调函数之前,允许...

    yui3-master.zip

    例如,“querystring”模块用于解析和序列化查询字符串,这对于适应不同屏幕尺寸和设备类型的应用来说是必不可少的。 8. **国际化支持** “i18n”模块则为多语言应用提供了便利,它允许开发者轻松地切换应用的语言...

    yui_2.6.0r2

    《深入解析YUI 2.6.0r2:JavaScript组件库的基石》 YUI,全称为Yahoo! User Interface Library,是雅虎公司推出的一个开源JavaScript库,旨在帮助开发者构建高质量、高性能的Web应用程序。YUI 2.6.0r2是该库的一个...

    YUI2 库与例子都有了

    1. **核心库(Core)**:这是YUI的基础,提供事件处理、DOM操作、CSS样式处理、JSON解析等基础功能。它使得开发者能够更方便地进行页面交互和元素操作。 2. **控制台(Console)**:这是一个调试工具,用于在浏览器...

    yui 3.1.2 源码 6MB大小 0资源分

    《深入解析YUI3.1.2:非压缩源码详解》 YUI(Yahoo! User Interface Library)是由雅虎开发并开源的一款JavaScript库,它提供了丰富的组件和工具,用于构建高性能、可扩展的Web应用。YUI 3.1.2是其发展中的一个重要...

    YUI-EXT使用详解

    3. **数据绑定(Data Binding)**:YUI-EXT支持数据绑定,允许UI组件与后台数据模型直接关联。当数据模型发生变化时,UI会自动更新,反之亦然。这极大地简化了数据驱动的界面开发。 4. **表单(Forms)**:YUI-EXT...

    yui2.9

    《深入解析YUI 2.9:一个强大的JavaScript库》 YUI,全称为Yahoo! User Interface Library,是雅虎公司推出的一款开源JavaScript库,它为开发者提供了丰富的工具和组件,帮助构建高效、可扩展的Web应用程序。YUI ...

    json的概念

    2. **数据传输效率**:由于JSON使用更少的字符表示相同的数据,这在大数据量传输时尤为重要,能够显著减少网络负载,提升传输效率。 3. **表示复杂数据结构**:JSON不仅可以表示单个对象,还能表示数组、列表等...

    Asp.net配合easyui实现返回json数据实例

    本文实例讲述了Asp.net配合easyui实现返回json数据的实现方法。分享给大家供大家参考。具体如下: 最近想用asp.net配合easyui开发一个小框架,然后再用到easyui的combobox的时候出现了一个问题,总所周知,easyui的...

    yui 资源包

    YUI,全称为Yahoo! User Interface Library,是由雅虎公司开发的一个开源JavaScript库,它旨在简化Web应用程序的构建,特别是对于界面设计和交互效果的实现。在3.9.0 r2这个版本中,YUI提供了丰富的组件和工具,帮助...

    yui.rar 例子

    《深入理解YUI:基于“yui.rar 例子”的解析》 YUI,全称Yahoo! User Interface Library,是雅虎公司推出的一款开源JavaScript库,旨在帮助开发者构建高性能、易于维护的网页应用。本篇文章将结合“yui.rar 例子”...

    Layui数据表格 前后端json数据接收的方法

    先上效果图: 前端数据表格: &lt;&#37;-- 数据表格 --%&gt; lay-filter=test&gt; &lt;thead&gt;

    yui3.10.3最新版

    YUI 3的核心组件包括事件处理、DOM操作、动画效果、CSS样式管理、AJAX请求、数据存储以及各种用户界面组件等。 ### 版本3.10.3的特性 - **性能优化**:YUI 3.10.3版本在性能方面做了许多改进,包括更快的脚本执行...

    【YUI组件】基于YUI的表单验证器

    这个表单验证器是YUI库中的一个关键部分,用于确保用户在提交表单时输入的数据符合预设的规则和格式,从而提高数据质量和应用的安全性。 **描述分析:** 描述中提到的“NULL”意味着没有提供额外的详细信息。不过...

    Yahoo YUI2.7中文API 完整版

    此外,YUI 还提供了很多实用工具,如 JSON 解析和序列化、日期处理、字符串操作等,大大提高了开发效率。同时,YUI 社区活跃,有大量的开发者贡献插件和扩展,丰富了 YUI 的功能。 总的来说,Yahoo YUI 2.7 是一款...

    解决layui的table插件无法多层级获取json数据的问题

    对于layui的table插件无法多层级获取json数据的解决方法,版本:2.2.6 ...那么当后台返回的数据为如下格式时:就无法直接获取到“list”和“total”了 {“status”:0, “msg”:”超级管理员查询成功”, “data”:{ “pa

    YUI3.6文档及示例

    模块可以通过`YUI.use()`方法来加载,实现了代码的异步加载和依赖管理。 2. **事件系统**:YUI的事件处理机制强大且灵活,支持DOM事件、自定义事件以及事件委托,使事件绑定和解绑变得简单易行。 3. **DOM操作**:...

Global site tag (gtag.js) - Google Analytics