如何将json结果正确附加到选择选项

如何正确地将json结果附加到选择选项，

样本json数据

Ajax代码：

$.ajax({ url: 'sessions.php', type: 'post', datatype: 'json', data: { from: $('#datepicker_from').val().trim(), to: $('#datepicker_to').val().trim() }, sucess: function(data){ var toAppend = ''; //if(typeof data === 'object'){ for(var i=0;i<data.length;i++){ toAppend += ''+data[i]['id']+''; } //} $('#sessions').append(toAppend); } }); 

HTML代码：

 
Sessions:  

我已经设置了我的php文件

 header("Content-Type: application/json"); 

Answer 1

使用$ .each迭代从ajax调用收到的JSON数组。

注意： – success的拼写，你写的sucess 。

  success: function(data){ var toAppend = ''; $.each(data,function(i,o){ toAppend += ''+o.id+''; }); $('#sessions').append(toAppend); } 

您可以直接在每个循环中附加到DOM，但最好是与字符串连接，然后再添加到DOM。 这是一个更便宜的操作，因为在这种情况下您只访问DOM一次 。 但是，这可能不适用于某些复杂的情况。

Answer 2

 success: function(data) { var options = ""; for (var i = 0; i < data.length; i++) { options += "" + data[i].id + ""; } $("#sessions").html(options); } 

如果您的响应是多维数组，请尝试如下

 success: function(data) { var options = ''; for (var i = 0; i < data.length; i++) { for (var j = 0; j< data[i].length; j++){ options += '' + data[i][j].name + ''; } } $("#products").html(options); } 

Answer 3

我希望这会帮助你追加

 for(i=0; i"); }