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

Question

如何正确地将 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 += '<option>'+data[i]['id']+'</option>';
                }
            //}
            $('#sessions').append(toAppend);
        }
    });

html代码:

<p>Sessions: 
<select id="sessions"></select>

我已经设置了我的 php 文件

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

Answer 1

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

注意:- success 的拼写，您已写成 success。

 success: function(data){
            var toAppend = '';
           $.each(data,function(i,o){
           toAppend += '<option>'+o.id+'</option>';
          });

         $('#sessions').append(toAppend);
        }

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