前端 ajax 獲取後臺json數據 解析
阿新 • • 發佈:2018-08-18
$.ajax 個數 讓我 封裝 遍歷 tex ext bsp turn
先貼代碼
function edit(node) { var customerid = $(node).parents("tr").children().eq(0).text(); alert(customerid) $.ajax({ type: "post", url: "/IsCreateCoustomer/AddButtes?id=" + customerid, // dataType: "json", //這個數據傳輸格式一開始我是沒寫的,因為沒意識到她的用處,以為傳數據有用,接數據沒用,真是無知success: function (res) { if (res != "nobutt") { var butt = eval(res);//這個可以將字符串轉化為變量對象 console.log("buttid 0" + butt[0]["buttid"] + "buttname " + butt[0]["buttname"] + "butt_tel " + butt[0]["butt_tel"] + "accountname: " + butt[0]["accountname"]); //for(k=0;k < butt.length;k++){ // console.log("buttid kk " + butt[k]["buttid"] +" ggg"+ butt[k].buttid+ "buttname " + butt[k].buttname + "butt_tel " + butt[k]["butt_tel"] + "accountname: " + butt[k]["accountname"]);//} $.each(res ,function (i,butt) { // console.log(" each buttid " + butt["buttid"] + "buttname " + butt["buttname"] + "butt_tel " + butt["butt_tel"] + "accountname: " + butt["accountname"]) console.log("索引 :" + i) console.log("butt :" + butt.buttname) }) //$.each(function (i, butt) { // console.log(butt[i]) // console.log("buttid " + butt[i]["buttid"] + "buttname " + butt[i]["buttname"] + "butt_tel " + butt[i]["butt_tel"] + "accountname: " + butt[i]["accountname"]) //}) } else { alert("!!!") } } }) $("#model").modal(‘show‘); $("#edit").attr("src", "/IsCreateCoustomer/AddCoustomer?oper=update&&id=" + customerid); $(".modal-title").append("編輯"); $("#edit").load(); }
//後端代碼 [HttpPost] public ActionResult AddButtes(int id) { bool s = (new ButtDAO().GetCoustButtList().SingleOrDefault().coustomerid == id); if (s) { List<CoustomerButtInfo> CoustomerButtList = new ButtDAO().GetCoustomerButtList(e => e.coustomerid == id).ToList(); List<buttinfo> buttList = new List<buttinfo>(); for (int i = 0; i < CoustomerButtList.Count; i++) { buttList.Add(new ButtDAO().GetModelList(e => e.buttid == CoustomerButtList[i].buttid).FirstOrDefault()); } string result = JsonConvert.SerializeObject(buttList); return Content(result); } else { //無對接人 return Content("nobutt"); } }
第一點:正是上面所說,因為沒有寫接受數據類型(dataType:json),導致我接收的返回數據是字符串類型。
然後:(導致我懷疑人生—)?? 憑啥我的each 遍歷不了數據(實在搞不了,只有將接收到的res 通過eval()封裝成變量)
第二點:很讓我驚喜的是,後臺返回的數據(它是一個對象)居然可以通過 “.” 來訪問,很騷啊!哥,我傳過來的是一個數組,
裏面封裝的是對象,還以為只能通過butt["buttid"] 來訪問。實在沒必要。
前端 ajax 獲取後臺json數據 解析