作者patrick0926 ()
看板Ajax
标题[问题] Ajax 初学 -读取Json
时间Mon Jan 11 16:54:02 2016
求教於各位大大！
目前小弟能後端产生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://webptt.com/cn.aspx?n=bbs/Ajax/M.1452502445.A.E48.html
1F：推 jhunkyoiori: result 已经是json格式 直接带进 each就可以了 01/11 17:37
2F：推 jhunkyoiori: $.each(result,function(k,v){ 01/11 17:46
3F：→ jhunkyoiori: ddl.append("<option value='"+ v.AddressTypeID+"'> 01/11 17:46
4F：→ jhunkyoiori: +v.Name + "</option>");}); 01/11 17:47
5F：推 mrbigmouth: dataType: "json" 不是datatype 01/11 18:34
6F：→ mrbigmouth: 大小写要注意 01/11 18:34
7F：推 johnny9144: each 的对象错了 02/28 09:17
8F：→ johnny9144: 还有你後端那样传最外层是一个array 里面才是object 02/28 09:20
9F：→ johnny9144: ，要存取该物件应该是result[0]当开头 02/28 09:20