javascript - 通过jquery显示json数据的值

Question

我有 Json 返回的数据，但不知何故我无法将其打印出来。

这是我的javascript

jQuery( document ).ready( function( $ ) {
    $('select[name="country_id"]').on('change', function() {
      $.ajaxSetup({
          headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') }
      });
       var CountryId = $(this).val();
        if(CountryId) {
            $.ajax({
              url: '{{ url('profilegetStateList') }}/'+encodeURI(CountryId),
              type: "GET",
              dataType: "json",
              success:function(data) {
                console.log(data);
                  // $('select[name="state_id"]').empty();
                  // $('select[name="state_id"]').empty().append('<option value='+ data +' selected>'+data+'</option>');
              }
            });
        }else{
          $('select[name="state_id"]').empty().append("<option value='' selected>Select</option>");
        }
    });
  });

我尝试过 data 、 data->name 、 data['name'] 所有这些都返回 [object object ]

这是我的控制台打印在 console.log(data);

[]
length: 0
__proto__: Array []

[…]
0: Object { id: 1, name: "ACEH", country_id: 101 }
1: Object { id: 16, name: "BALI", country_id: 101 }
2: Object { id: 15, name: "BANTEN", country_id: 101 }
.....
length: 32
__proto__: Array []

有什么想法吗？

Answer 1

通过查看您的代码，我认为注释的代码应该类似于

var options = '';
data.forEach(function(country) {
    options += '<option value='+ country.id +' selected>'+country.name+'</option>'
})
$('select[name="state_id"]').empty().append(options);