JavaScript 处理 JSON 数据

$(function () {
    //数据绑定开始
    $.ajax({
        type: "Post",
        data: { startdate: "2012-4-1", enddate: "2012-4-29" },
        url: "Normal/Service.aspx?Module=Sale_express_cost&Action=GetSaleExpressCost",
        dataType: "json",
        success: function (msg) {
            //数据处理开始
            var data = msg;
            var html = JsonToHtml("单据号码", "快递物流公司", "快递单号码", "业务日期", "费用", "备注",
            "付款状态", "录入者", "录入日期", "类型", "客户ID", "客户",
            "业务员", "代收货款", "otype", "发货仓");
            for (var i = 0; i < data.Head.length; i++) {
                html += JsonToHtml(data.Head[0].orderid, data.Head[0].copid, data.Head[0].fno, data.Head[0].fdt, data.Head[0].feight_money, data.Head[0].f_memo,
                    data.Head[0].isfinish, data.Head[0].createby, data.Head[0].createdt, data.Head[0].sendtype, data.Head[0].customer_id, data.Head[0].realname,
                    data.Head[0].salesman, data.Head[0].prdt_money, data.Head[0].otype, data.Head[0].storage
                );
            }
            //数据处理结束
            $("#myGrid").html(html);
            $(".myGridRow:first").addClass("myGridRowFirst");
        }
    });
    //数据绑定结束
});

function JsonToHtml(orderid, copid, fno,fdt,feight_money,f_memo,
isfinish,createby,createdt,sendtype,customer_id,realname,
salesman,prdt_money,otype,storage) {
    var resulthtml = "<div class=\"myGridRow\"><ul>";
    resulthtml+="<li style=\"width:115px;\">"+orderid+"</li>";
    resulthtml += "<li style=\"width:150px;\">" + copid + "</li>";
    resulthtml += "<li style=\"width:115px;\">" + fno + "</li>";
    resulthtml += "<li style=\"width:150px;\">" + fdt + "</li>";
    resulthtml += "<li style=\"width:80px;\">" + feight_money + "</li>";
    resulthtml += "<li style=\"width:300px;\">" + f_memo + "</li>";

    resulthtml += "<li style=\"width:50px;\">" + isfinish + "</li>";
    resulthtml += "<li style=\"width:80px;\">" + createby + "</li>";
    resulthtml += "<li style=\"width:150px;\">" + createdt + "</li>";
    resulthtml += "<li style=\"width:80px;\">" + sendtype + "</li>";
    resulthtml += "<li style=\"width:100px;\">" + customer_id + "</li>";
    resulthtml += "<li style=\"width:80px;\">" + realname + "</li>";

    resulthtml += "<li style=\"width:80px;\">" + salesman + "</li>";
    resulthtml += "<li style=\"width:80px;\">" + prdt_money + "</li>";
    resulthtml += "<li style=\"width:50px;\">" + otype + "</li>";
    resulthtml += "<li style=\"width:80px;\">" + storage + "</li>";

    resulthtml = resulthtml + "</ul></div>";
    return resulthtml;
}