div内のjson配列オブジェクトを出力する方法

Question

apiからデータを取得しようとしていて、各json配列オブジェクトをdivに表示したい、または2行改行を入れたいとします。私のコードは、すべての配列オブジェクトをページに表示しますが、すべてのオブジェクトデータを読みやすくするために区切ります。すべてのobjコンテンツの後に改行が入るようにコードを調整するにはどうすればよいですか？ここで

は私のJSONです：

$(function() { 
    $('#getstuff').click(function() { 
     var requestdata = $('#choi').val(); 
     var result = $('#resultdiv'); 
     $.ajax({ 
      type: 'GET', 
      url: 'http://localhost/project/v1/api/webservice', 
      dataType: 'json', 
      success: function (data) { 
       var html = ''; 
       var array = data[requestdata]; 
       if (array) { 
        $.each(array, function (i) { 
         $.each(array[i], function (key, value) { 
          html += ('<li>' + key + ': ' + value + '</li>'); 
         }); 
         result.html(html); 
        }); 
       } 
      } 
     }); 
    }); 
}); 

私は "選手" で検索した場合、私はこのような何かをしたい：

{ 
"players": [ 
    { 
     "name": "Marcos Alonso", 
     "position": "Left-Back", 
    }, 
    { 
     "name": "Marco van Ginkel", 
     "position": "Central Midfield", 
    } 
articles": [ 
    { 
     "author": "Stephen Walter", 
     "url": "http://www.telegraph.co.uk/news/2017/04/15/disruptive-stag-party-revellers-thrown-plane-manchester-airport/", 
    }, 
    { 
     "author": "TMG", 
     "url": "http://www.telegraph.co.uk/news/2017/04/15/north-korea-marks-anniversary-military-parade-pyongyang-pictures/", 
    }], 

........... 
...... 
} 

私のjQueryのは、このようになります。スペースbtw objs;

name : Marcos Alonso 
Position: Left-Back 

name : Marco van Ginkel 
Position: Central Midfield 

しかし、私はgethingた私のコードを実行すると：

name : Marcos Alonso 
Position: Left-Back 
name : Marco van Ginkel 
Position: Central Midfield 

私はライン入れところで、各OBJSコンテンツを破るかのdiv内の各OBJS内容を置く方法についてのヘルプが必要になります。どちらが良いですか。事前のおかげで..

Answer 1

<br>方法：

$(function() { 
    $('#getstuff').click(function() { 
     var requestdata = $('#choi').val(); 
     var result = $('#resultdiv'); 
     $.ajax({ 
      type: 'GET', 
      url: 'http://localhost/project/v1/api/webservice', 
      dataType: 'json', 
      success: function (data) { 
       var html = ''; 
       var array = data[requestdata]; 
       if (array) { 
        $.each(array, function (i) { 
         html += '<div><ul>'; 
         $.each(array[i], function (key, value) { 
          html += ('<li>' + key + ': ' + value + '</li>'); 
         }); 
         html += '</ul></div>'; 
         result.html(html); 
        }); 
       } 
      } 
     }); 
    }); 
});