[問題] Ajax 初學 -讀取Json

看板Ajax作者時間9年前 (2016/01/11 16:54), 編輯推噓4(406)
留言10則, 3人參與, 最新討論串1/1
求教於各位大大! 目前小弟能後端產生Json給Ajax取得 Json內容整理後如下: [ { "Name":"Billing", "AddressTypeID":1 }, { "Name":"Home", "AddressTypeID":2 }, { "Name":"Main Office", "AddressTypeID":3 }, { "Name":"Primary", "AddressTypeID":4 } ] 想實作出按個Button執行Ajax解析Json後,將Name跟AddressTypeID 塞到Dropdownlist(<select>)作Text跟Value, 但執行結果會變成四個選項值都是undefind! Ajax如下: $.ajax({ type: "POST", url: "/AddressTypes/get", data: '{}', datatype: "json", contentType: "application/json; charset=utf-8", success: function (result) { //document.writeln(result); obj = $.parseJSON(result); var ddl = $("#ss"); ddl.empty().append('<option selected="selected" value="0"> Please select</option>'); $.each(obj, function () { ddl.append("<option value='" + obj.AddressTypeID + "'>" + obj.Name + "</option>"); }); }, error: function () { alert("Error !!") } }); 懇請賜教!(_ _) -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.124.29.175 ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1452502445.A.E48.html

01/11 17:37, , 1F
result 已經是json格式 直接帶進 each就可以了
01/11 17:37, 1F

01/11 17:46, , 2F
$.each(result,function(k,v){
01/11 17:46, 2F

01/11 17:46, , 3F
ddl.append("<option value='"+ v.AddressTypeID+"'>
01/11 17:46, 3F

01/11 17:47, , 4F
+v.Name + "</option>");});
01/11 17:47, 4F

01/11 18:34, , 5F
dataType: "json" 不是datatype
01/11 18:34, 5F

01/11 18:34, , 6F
大小寫要注意
01/11 18:34, 6F

02/28 09:17, , 7F
each 的對象錯了
02/28 09:17, 7F

02/28 09:20, , 8F
還有你後端那樣傳最外層是一個array 裡面才是object
02/28 09:20, 8F

02/28 09:20, , 9F
,要存取該物件應該是result[0]當開頭
02/28 09:20, 9F

02/28 09:27, , 10F
文章代碼(AID): #1Massjv8 (Ajax)
文章代碼(AID): #1Massjv8 (Ajax)