[问题] 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