PTT
Submit
Submit
選擇語言
正體中文
简体中文
PTT
Ajax
[問題] 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]當開頭
" target="_blank" rel="nofollow">
繼續閱讀
Re: [問題] 這本書可以當入門嗎
ymkang
[問題] HTML5影片防盜
st1009
Re: [問題] 這本書可以當入門嗎
dream1124
[問題] 前端框架或單純化
IzumiOgino
Re: [問題] 這本書可以當入門嗎
Neisseria
[問題] jQuery selector from 內的 input file
wadd
[問題] 這本書可以當入門嗎
skitty
[問題] 請問一個小問題
Hadamard
[問題] Chrome,Firefox都能用的回上一頁存值方法
BrianShaw
[node] res.write data
washqwe
Links
booklink
Contact Us: admin [ a t ] ucptt.com