Отображение данных Geo JSON с GeoServer в таблице HTML - PullRequest
Новая
       4

Отображение данных Geo JSON с GeoServer в таблице HTML

0 голосов
/ 02 апреля 2020

Я пытаюсь отобразить Geo JSON Данные из GeoServer в HTML Таблице, но кажется, что мой код не работает должным образом. Я создал простую таблицу с 3 столбцами и попытался вставить соответствующие значения в каждый столбец с помощью вызова AJAX из файла Geo Json из Geoserver, но в теле таблицы все значения отображаются как «неопределенные». Я новичок в языках программирования, вы можете мне помочь? 

$("#cruzeiro-btn").click(function() {
  $("#cruzeiroModal").modal("show");
  $(".navbar-collapse.in").collapse("hide");  
  $('#cruzeiroModal').click(function(){
    $.ajax({
      url : "http://localhost:8181/geoserver/SAGCC/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=SAGCC%3AEquipamento&outputFormat=json&format_options=callback:getJson",
      dataType : 'json',
      jsonpCallback: 'getJson',
      success: function (data) {
          var equip_data = '';
          $.each(data, function(key, value){
              equip_data += '<tr>';
              equip_data += '<td>'+value.nome_equipamento+'</td>';
              equip_data += '<td>'+value.modelo+'</td>';
              equip_data += '<td>'+value.fabricante+'</td>';
              equip_data += '</tr>';
          })
          $('#equipamento_table').append(equip_data);
      }
    });
  });
   return false;
  });
    <!-- Tabela de Cruzeiros Científicos-->
    <div class="modal fade" id="cruzeiroModal" tabindex="-1" role="dialog">
      <div class="modal-dialog" style="width: 1250px;">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">Cruzeiros Científicos</h4>
          </div>
          <div class="modal-body">
            <table class="table table-bordered table-striped" id="equipamento_table">
              <tr>
                <th>Nome</th>
                <th>Modelo</th>
                <th>Fabricante</th>
              </tr>
            </table>          
          </div>         
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

В чем здесь проблема с моим кодом?

...