WD1X.COM - 问答一下,轻松解决,电脑应用解决专家
主板显卡CPU内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令DOS命令Win8
存储光存储鼠标键盘
内存维修打印机维修
WinXPWin7Win11Linux
硬件综合机箱电源散热器手机数码
主板维修CPU维修键盘鼠标维修
Word教程Excel教程PowerPointWPS
网络工具系统工具图像工具
数据库javascript服务器
PHP教程CSS教程XML教程

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

更新时间: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%
------分隔线----------------------------
你可能感兴趣的内容