做一个从服务端读取数据并显示出来

慕辰峰丶

我现在要做这样的测试

慕辰峰丶

1、把从数据库取出的字符串转化成json
2、在data中读取json
3、在使用按钮把它在页面上显示出来

liangyongfei

如果从数据库中获取数据，最简单的方法就是使用baasData组件 定义ｂａａｓＳｅｒｖｅｒ　来实现！
json格式要求http://docs.wex5.com/wex5-ui-question-list-2032/

自定义action
http://docs.wex5.com/wex5-server-question-list-2017/

慕辰峰丶

liangyongfei 发表于 2016-12-23 11:03
如果从数据库中获取数据，最简单的方法就是使用baasData组件 定义ｂａａｓＳｅｒｖｅｒ　来实现！
json格式 ...

我现在用的不是本地服务端我现在把我从服务端取数据的ajax粘出来
Model.prototype.button2Click = function(event){
       
                $.support.cors = true;  
            $.ajax({         
                    "async" : "true",
                    "url": "http://192.168.1.104:9002/OnlineSer.asmx/GetRemotTaskJSONTest",  
                    "type": "post",  
                    "dataType": "json",  
                    //"contentType": 'application/json', 此处不能要
                    //"data": {"a":"2",
                    //                "b":"3"},  
                    "complete": function (xhr) {
                            alert(xhr.status);
                            if (xhr.readyState == 4 && xhr.status == 200) {
                                    //altert(options.success.call(this, xhr.responseJSON, xhr));
                                    alert(xhr.responseText);
                            }
                            else{
                                    alert("fail");
                            }       
                            }
               
            });
               

        };

liangyongfei

慕辰峰丶 发表于 2016-12-23 11:11
我现在用的不是本地服务端我现在把我从服务端取数据的ajax粘出来
Model.prototype.button2Click = functi ...

嗯！
3楼的连接：http://docs.wex5.com/wex5-ui-question-list-2032/
就是加载json数据的方法！你是简单数据格式，第二种就行！
定义的data组件字段 要 和 返回的数据命名一致，loadData方法就可以加进去的！

慕辰峰丶

liangyongfei 发表于 2016-12-23 11:21
嗯！
3楼的连接：http://docs.wex5.com/wex5-ui-question-list-2032/
就是加载json数据的方法！你是简单 ...

你看一下返回的字符串，是不是还要转换成json数据啊
C:\Users\Administrator\Desktop\QQ图片20161223113139.png

liangyongfei

慕辰峰丶 发表于 2016-12-23 11:35
你看一下返回的字符串，是不是还要转换成json数据啊

自己看下文档，对比下标准的json格式！如果和你的数据格式不一样当然就要转了！
图片，请在高级模式里面上传！

慕辰峰丶

liangyongfei 发表于 2016-12-23 11:38
自己看下文档，对比下标准的json格式！如果和你的数据格式不一样当然就要转了！
图片，请在高级模式里面 ...

已传过图片

liangyongfei

liangyongfei 发表于 2016-12-23 11:38
自己看下文档，对比下标准的json格式！如果和你的数据格式不一样当然就要转了！
图片，请在高级模式里面 ...

看手去是可以的！
data.loadData(jsonObj.Table);
不行吗？？

慕辰峰丶

liangyongfei 发表于 2016-12-23 11:57
看手去是可以的！
data.loadData(jsonObj.Table);
不行吗？？

代码不就是这样写的吗
Model.prototype.button2Click = function(event){
                var data1 = event.source;
                $.support.cors = true;  
            $.ajax({         
                    "async" : "true",
                    "url": "http://192.168.1.104:9002/OnlineSer.asmx/GetRemotTaskJSONTest",  
                    "type": "post",  
                    "dataType": "json",  
                    //"contentType": 'application/json', 此处不能要
                    //"data": {"a":"2",
                    //                "b":"3"},
                    success: function(jsonObj){
            data1.loadData(jsonObj.Table);//将返回的数据加载到data组件
            },
                    "complete": function (xhr) {
                            alert(xhr.status);
                            if (xhr.readyState == 4 && xhr.status == 200) {
                                    //altert(options.success.call(this, xhr.responseJSON, xhr));
                                    alert(xhr.responseText);
                            }
                            else{
                                    alert("fail");
                            }        
                            }
               
            });
               

        };


然后运行的话直接出错说  data1.loadData  不是一个函数