如何使用jQuery将JSON数据作为ajax响应填充下拉列表
如何使用jQuery将JSON数据作为ajax响应填充下拉列表
我在我的应用程序中有一个下拉列表。我想用来自Ajax响应的JSON数据填充这个下拉列表。
以下是我拥有的代码：
服务器发送的JSON数据：
{
"aaData": [
{
"value": "login1",
"text": "kapils"
},
{
"value": "login2",
"text": "davidn"
},
{
"value": "login3",
"text": "alanp"
}
]
}
以下是生成ajax请求的客户端代码：
(使用$.ajax() ) :
或者使用 ($.getJSON()) :
$.getJSON("/demo_trial_application/json_source", function (data) {
$.each(data.aaData, function (i, data) {
var div_data = "";
alert(div_data);
$(div_data).appendTo('#ch_user1');
});
});
现在当我点击按钮(#id_trial)时，服务器端代码成功执行并且创建了JSON对象，但是我无法在jQuery的ajax调用的成功参数的回调函数中得到那个"JSON响应"。
我还尝试了使用$.getJSON函数接收JSON响应...但是我没有得到JSON数据。
所以请告诉我我的代码中是否有任何错误，并且如何使用上述代码获取JSON数据并填充下拉列表。