Ajax JSON 每个

Question

大家好，我有一个简单的 ajax 请求，这也工作正常，但我不得不循环搜索数据并显示对象中的所有 10 个名称，已经在堆栈中搜索了它，但我拥有的对象有点复杂。有什么建议可以解决吗？

$( document ).ready(function() {
$.ajax({
   url: 'XXXXXXX',
   data: {
      format: 'json'
   },
   error: function() {
   alert('ERROR');
   },
   sasdataType: 'json',
   success: function(data) {
    /*var $hotelname = $('<h1>').text(data.result.hotel[0].displayname);
        $('#hotel-name').append($hotelname)*/
    console.log(data);
   },
   type: 'GET'
});
});

Answer 1

如果我觉得结构没问题，它应该是这样的：

$.each(data.result.district, function(index, district) {
     $.each($(district), function(index, hotel) {
         console.log($(hotel).displayname);
     });
});

Answer 2

$(document).ready(function() {
  $.ajax({
    url: 'XXX',
    data: {
      format: 'json'
    },
    error: function() {
      alert('ERROR');
    },
    sasdataType: 'json',
    success: function(data) {
      $.each(data.result.hotel, function(index, value) {
        $('#hotel-name').append($('<h1>').text(value.displayname));
      });
    },
    type: 'GET'
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='hotel-name'></div>

您可以直接循环遍历酒店以获取酒店名称，如下所示使用$.each

$.each(data.result.hotel, function(index, value) {
  console.log(value.displayname);
});

Answer 3

希望对您有所帮助

$.ajax({
   url: 'https://www.hrs.de/hotel/service/mmsuggest-group?query=k%C3%B6ln&language=de',
   data: {
      format: 'json'
   },
   error: function() {
   alert('ERROR');
   },
   sasdataType: 'json',
   success: function(data) {
    /*var $hotelname = $('<h1>').text(data.result.hotel[0].displayname);
        $('#hotel-name').append($hotelname)*/
    console.log(data);
  console.log(data.result);
data.result.hotel.forEach(function(hd){console.log(hd.displayname)});
   },
   type: 'GET'
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Ajax JSON 每个

Ajax JSON for each

ajax

each

jquery

for-loop