在新行AJAX上显示JSON结果

Question

我正在使用JSON和ajax从数据库中检索一些数据。当我抓住我需要的信息时，我希望它显示在div中的一个新行中，我将它放入。

此时，邮政编码只会相互覆盖。

$.ajax({    
              url: 'process.php',
              type: 'GET',
              data: 'address='+ criterion,
              dataType: 'json',
              success: function(data) 
              {
                  jQuery.each(data, function()
                  {
                    $('#carParkResults').html("Postcode " + data[count].postcode);
                    codeAddress(data[count].postcode);
                    alert(count);
                    count++;
                  });
              },
              error: function(e) 
              {
                //called when there is an error
                console.log(e.message);
                alert("error");
              }
    });

Answer 1

使用append / appendTo将元素添加到DOM元素，而不覆盖元素的现有子元素。

 $('<p>').text("Postcode " + data[count].postcode).appendTo('#carParkResults');

Answer 2

你需要使用.append（）,. html（）总是会替换div中的所有html。