asp.net前后臺交互之JSON數據

　　最近由于項目需要做一個Ajax的搜集單表單的多重數據的需求，所以就采用了前端JQuery保存Object對象之后轉換成JSON的數據源傳遞給后臺處理的這樣的形式，相信有不少人大多時候是接收后臺給出的JSON數據格式，拿到前端來顯示的形式。當然這也是我個人的經歷簡介而已，高手勿噴，寫這篇文章的目的也是為了以后忘記了能夠幫助會議。或許真的能夠幫助到某些像我一個涉世不深的菜鳥。O(∩_∩)O

　　以下是部分關鍵代碼　　

　　首先是HTML代碼：

    <fieldset>        <legend>基本信息</legend>        <div class="add_main" id="wrapper_add">            <div id="errorInfo" class="error container"></div>            <table width="100%" border="0" cellpadding="0" cellspacing="0" class="addForm">                <tr>                    <th>目標對象：</th>                    <td>                        <asp:TextBox ID="obj_tbx" ClientIDMode="Static" CSSClass="input" runat="server" Width="280px"></asp:TextBox>                    </td>                    <th width="18%">工作組：</th>                    <td width="32%">                        <asp:DropDownList ID="Group_ddl" ClientIDMode="Static" runat="server" Width="120px"></asp:DropDownList>                    </td>                </tr>                <tr>                    <th width="18%">項目分類：</th>                    <td width="32%">                        <asp:DropDownList ID="javascr
　　Javascript代碼：
<script type="text/javascript" charset="utf-8">        var TaskAddressArray = new Array();//任務地址集合        var TaskArray = new Array();//任務集合        //Array Remove - By James (MIT Licensed)          Array.prototype.remove = function (from, to) {            var rest = this.slice((to || from) + 1 || this.length);            this.length = from < 0 ? this.length + from : from;            return this.push.apply(this, rest);        };        ///獲取任務對象信息        function gettaskmodel(Addresslist) {            var taskmodel = new Object();            taskmodel.Goal = $("#obj_tbx").val();//目標對象            taskmodel.Group = $("#Group_ddl").val();//工作組值            taskmodel.GroupName = $("#Group_ddl").find("option:selected").text();//工作組名稱            taskmodel.ProjectType = $("#ProjectType_ddl").val();//項目分類值            taskmodel.ProjectTypeName = $("#ProjectType_ddl").find("option:selected").text();//項目分類名稱            taskmodel.Score = $("#score_ddl").val();//等級積分值            taskmodel.ScoreName = $("#score_ddl").find("option:selected").text();//等級積分名稱            taskmodel.CarryDate = $("#request_tbx").val();//要求完成時間            taskmodel.Special = $("#special_tbx").val();//特殊要求            taskmodel.Address = Addresslist;//任務地址集合            taskmodel.UploadFile = eval($("#hdJSON").val());//獲取上傳文件            return taskmodel;        }        ///獲取地址對象信息        function gettaskaddressmodel() {            var taskaddress = new Object();//調查地址            taskaddress.province = $("#ddl_province").val();//省份代碼            taskaddress.provinceName = $("#ddl_province").find("option:selected").text();//省份名稱            taskaddress.city = $("#ddl_city").val();//城市代碼            taskaddress.cityName = $("#ddl_city").find("option:selected").text();//城市名稱            taskaddress.counties = $("#ddl_counties").val();//區域代碼            taskaddress.countiesName = $("#ddl_counties").find("option:selected").text();//區域名稱            taskaddress.detail = $("#adress_tbx").val();//詳細地址            return taskaddress;        }        //清空表單        function ClearForm() {            $("#obj_tbx").val("");            $(".addForm select").find("option[value='']").attr("selected", true);            $("#request_tbx").val("");            $("#special_tbx").val("");            $("#adress_tbx").val("");            $("#hdJSON").val("");            $("#tb_fileview").attr("style", "display:none");            $("#tb_fileview").find("tbody").html("");            TaskAddressArray = [];//清空地址數組            ShowAddress();        }        //表單賦值        function SetForm(index) {            $("#obj_tbx").val(TaskArray[index].Goal);            $("#Group_ddl").find("option[value='" + TaskArray[index].Group + "']").attr("selected", true);            $("#ProjectType_ddl").find("option[value='" + TaskArray[index].ProjectType + "']").attr("selected", true);            $("#score_ddl").find("option[value='" + TaskArray[index].Score + "']").attr("selected", true);            $("#request_tbx").val(TaskArray[index].CarryDate);            $("#special_tbx").val(TaskArray[index].Special);            $("#hdJSON").val(JSON.stringify(TaskArray[index].UploadFile));            TaskAddressArray = TaskArray[index].Address;            ShowAddress();            ShowUpLoadFile(index);            $("#btn_release,#btn_add").attr("style", "display:none");            $("#btn_update").removeAttr("style").attr("onclick", "UpdateForm(" + index + ")");        }        //更新列表        function UpdateForm(index) {            var TaskModel = gettaskmodel(TaskAddressArray);            ClearForm();            TaskArray.splice(index, 1, TaskModel);            ShowTaskView();            $("#btn_release,#btn_add").removeAttr("style");            $("#btn_update").removeAttr("onclick").attr("style", "display:none");        }        //添加地址事件        function Address_Click() {            var TaskAddressModel = gettaskaddressmodel();            if (TaskAddressModel.province == "" || TaskAddressModel