45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > 网络编程 > javascript >

Jquery+asp.net 后台数据传到前台js进行解析的办法说明

电脑软硬件应用网 45IT.COM 时间:2014-04-09 23:39 作者:佚名

我们经常用jquery读取后台数据,后台返回数据。后台数据格式就有很多了,但是js里面没有什么类型之分。


所以在解析后台数据的时候,我们需要根据后台的数据情况,特殊处理和对待。

我这里后台用的是asp.net提供的wcf服务,也有ashx一般处理程序。大致原理差不多。


C#中我们经常用的对象,有实体对象比如:User;有List集合,一般为返回列表。

复杂点的还有对象嵌套对象或者list集合的。不过没什么差别,只要看你的数据多少来决定是由js处理数据,


还是后台处理了直接返回最终结果。

1、实体对象:返回是对象的话,在js中,直接就是和你后台代码类中的对象数据是一样的。


比如下面代码,就是获取到一个对象。直接用它的name属性就可以获取到。


$.ajax({
    type: "post",
    dataType: "json",
    traditional: true,
    data: {
        oper: "edit",
        sid: id
    },
    url: AjaxUrl,
    success: function(data, textStatus) {
        if (data != null) {
            if (data) {
                $("#name").val(data.Name);获取到对象了。SetSelectOpertionValue("selectRelation", data.Relation);
                SetSelectOpertionValue("selectaddreason", data.Reason);
            } else {
                $("#btnAdd").attr("disabled", false);
                $("#btnAdd").text("编辑");
            }
        }
    },
    complete: function(XMLHttpRequest, textStatus) {},
    error: function(e) {
        $("#btnAdd").attr("disabled", false);
        $("#btnAdd").text("编辑");
    }
});
 

2、返回数据是List集合,包含一些对象:这应用场景也很多。

在js中,对应的一个array数组。数组中是你返回的对象实体。可以采用each遍历。具体可以参考:

$.ajax({
            type: "post",
            dataType: "json", traditional: true,
            data: { oper: "list", lc: ID,nm:$("#searchname").val() },
            url:sAjaxUrl,
            success: function (data, textStatus) {
                if (data != null) {
                      
                    if (data.Instance==null &data.Instance.length==0) {
                        return;
                    }
                    else {
                          
                        var datalist = data.Instance;
                        if (sort == 1) { 
                            datalist = datalist.sort(
                                        function (a, b) {
                                              
                                            return (a.Id - b.Id);
                                        }
                                    );
                        else {
                            datalist = datalist.sort(
                                       function (a, b) {
                                           return (b.Id - a.Id);
                                       }
                                   );
                        }
                        var html = "";
                        //绑定数据到table
                        var tabledata = GetJson(datalist);
                        
                    }
                }
            },
            complete: function (XMLHttpRequest, textStatus) {
            },
            error: function (e) {
                  
            }
        });

3、如果是复杂嵌套的话,也是对象了。js中会完全和后台对应。你遍历即可。

现在很多时候,后台返回给前台一般都是用json了。json在js中可以直接解析成对象。

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识