title: SharePoint 2013: REST API, GET JSON, Display List Items
body: <p>I am using AJAX to GET JSON on a list in SharePoint 2013, I am successful in getting the information. My issue is in displaying said information. I get my array of 78 items to display, I also confirm the information by an Alert and the console<a href="http://i.stack.imgur.com/tjbqC.png" rel="nofollow">enter image description here</a>, but I have almost double that number of additional items being displayed with values of "undefined". I need assistance with figuring out why that is, and how to remove the excess items displayed. I am fairly new with using AJAX and REST so any assistance would be appreciated!</p>
  
  <pre><code>    function getData()
      {
          var $data = $('#data')
          $.ajax({
          type: "GET",
          dataType: "json",
          cache: false,
          url: "https://url.com/.../.../...",
  
          success: function(data)
          {
  
              console.log(data);
              alert("Data Loaded: " + JSON.stringify(data));
              $.each(data, function(index,item){
                  $.each(this, function(index, item)
                      {
                      $data.append('&lt;dl&gt;&lt;dt&gt; Event Date: &lt;/dt&gt;' + item.EventDate + ' &lt;dt&gt;Subheading:&lt;/dt&gt; ' + item.Subheading + '&lt;dt&gt; StatusInput: &lt;/dt&gt;' + item.StatusInput + ' &lt;dt&gt; ReportIn: &lt;/dt&gt;' + item.ReportIn + '&lt;dt&gt; Org: &lt;/dt&gt;' + item.Org + '&lt;dt&gt; Start Reporting: &lt;/dt&gt;' + item.StartReporting + '&lt;dt&gt; Stop Reporting: &lt;/dt&gt;' + item.StopReporting + '&lt;dt&gt; Org Parent: &lt;/dt&gt;' + item.OrgParent + '&lt;dt&gt; Modified: &lt;/dt&gt;' + item.Modified + '&lt;/dl&gt;');});
          });     
          }// end SUCCESS function
       });  
  </code></pre>