1. 程式人生 > >Jquery List[{" "},{" "}]陣列物件 傳至action中去

Jquery List[{" "},{" "}]陣列物件 傳至action中去

在view中編輯一個table,迴圈將table中的數字文字提取出來:一開始我去學習HTML.DOM去怎麼提取內容,但其實可以反其道而行。將編輯已好的table view在瀏覽介面(谷歌)執行中按F12出現Sources

 var tables = document.getElementById("table1");直接檢視tables中的屬性內容;迴圈將內容放到JS陣列物件中

<script>
    var list = [];
    function doing() {
        var tables = document.getElementById("table1");
        var trlist = tables.children[0].children;
        for (var i = 1; i < trlist.length; i++) {
            var obj = {};
            obj["xingming

"] = trlist[i].cells[0].innerText;//直接根據瀏覽器顯示內容來提取相對應的數字內容
            obj["nianling"] = trlist[i].cells[1].innerText;
            list.push(obj);
        }
        $.ajax({
            type:'post',
            url: '/AA/listaction',
            data: { list: JSON.stringify(list) },//將陣列轉換為Json字串
            datatype: 'json',
            success: function (result) {
                alert("post成功");
            }
        })
    }
</script>

後臺接收:

using Newtonsoft.Json;//引入

  [HttpPost]
        public ActionResult listaction(string list)//Json格式的string
        {
            List<modelclass> lst = JsonConvert.DeserializeObject<List<modelclass>>(list);//Json反序列化使用
       
            string ss="True";
            return Json(ss);
        }
        public class modelclass//要與前臺陣列物件相同才可以接收
        {
            public string xingming;


            public string nianling;
        }