[問題] Ajax 初學 -讀取Json

作者: patrick0926   2016-01-11 16:54:02
求教於各位大大!
目前小弟能後端產生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 !!")
}
});
懇請賜教!(_ _)
作者: jhunkyoiori (瓦爾加布)   2016-01-11 17:37:00
result 已經是json格式 直接帶進 each就可以了$.each(result,function(k,v){ddl.append("<option value='"+ v.AddressTypeID+"'>+v.Name + "</option>");});
作者: mrbigmouth (大嘴先生)   2016-01-11 18:34:00
dataType: "json" 不是datatype大小寫要注意
作者: johnny9144 (Johnny)   2016-02-28 09:17:00
each 的對象錯了還有你後端那樣傳最外層是一個array 裡面才是object,要存取該物件應該是result[0]當開頭http://i.imgur.com/mv9cz4e.jpg

Links booklink

Contact Us: admin [ a t ] ucptt.com