Ajax erscheint als undefined

Question

Also arbeite ich gerade an dieser Website App und ich versuche zu zeigen, wie viele PCs sind verfügbar in meiner Universität mit dem JSON von der Universität Website und AJAX. Ich kann es nicht herausfinden, aber es zeigt alle MACs für den ersten Raum und dann sagt es undefiniert für andere, es ist alles ein Block von Code, so dass ich nicht sehen kann, wo es schief geht, jeder Rat wäre großartig.

JS:

var container = $('div.container'); 
$('input#get').click(function(){ 
    $.ajax({ 
     type: 'GET', 
     url: '(mylink)', 
     dataType: 'jsonp', 
     success: function(data) { 
     $.each(data, function(index, item) { 
     $.each(item, function(key, value) { 
      container.append('<div class="pcsinside">' + value.displayName + '</div>' + 'PCs available:' + '&nbsp' + value.availPCs + '&nbsp' + 'out of' + '&nbsp' + value.numPCs + '<br/>' + 'Macs available:' + '&nbsp' + value.availMacs + '&nbsp' + 'out of' + '&nbsp' + value.numMacs + '<br/>'); 
      }); 

      }); 

     } 
    }); 
}) 

HTML:

<div class="container"> 
 
      <div id="form-area"> 
 
      <input id="get" type="submit" value="Press For PC Availability"> 
 
      </div> 
 
      <div class="pcsinside"> 
 
      </div> 
 
     </div>

Dies ist, wie es aussieht und es tut Update, wenn ein PC Änderungen für den PC und die MACs mit Ausnahme die undefinierten.

Es funktioniert für die erste, aber nicht für die anderen MACs, was ist los? Jede Hilfe wäre wirklich dankbar, Jungs.

Answer 1

JSON Zur Anzeige als String Sie JSON.stringify() Funktion verwenden müssen:

container.append('<div>'+ JSON.stringify(value.displayName) +'</div>'); 

Answer 2

Zuerst in datatype Sie setzen 'JSONP' anstelle von 'json'. Und S Jayesh hat Recht, du musst stringieren, um die Antwort zu sehen. Siehe dieses Beispiel.

$.ajax({ 
    url: "blabla.php", 
    data: data, 
    type: 'POST', 
    contentType: "application/x-www-form-urlencoded", 
    dataType: 'json', 
    error: function(data){ 
     var err = JSON.stringify(data); 
alert(err); 
    }, 
    success: function(data){ 
     var succ = JSON.stringify(data); 
alert(succ); 
    } 
}); 

Mit dieser Struktur werden Sie sehen, was das Problem ist. Benutze Post statt Get, es ist besser.