Ajaxが定義されていないと表示されます

Question

私は現在このWebアプリケーションで作業しています。大学のWebサイトとAJAXのJSONを使用して私の大学で利用できるPCの台数を表示しようとしています。私はそれを理解することはできませんが、最初の部屋のためのすべてのMACを表示し、その後、他の人のために定義されていないその言葉はすべて1ブロックのコードなので、どこに間違ったアドバイスがあるのか​​分かりません。

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>

これは、次のようになりますと、それは更新をしたときにPCのためのPCの変更とを除いてのMAC未定義のもの。

これは最初のもので動作しますが、他のMACでは動作しません。何が起こっていますか？どんな助けでも本当にありがとう。あなたが 'JSONP' の代わりの 'JSON' を置くのdataTypeで

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

Answer 1

。そしてS Jayeshは正しいです、あなたは答えを見るためにストリングスする必要があります。この例を見てください。

$.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); 
    } 
}); 

この構造を使用すると、問題が表示されます。 getの代わりにpostを使うと良いでしょう。

Answer 2

まず：あなたはJSON.stringify()機能を使用する必要がある文字列としてJSONを表示するには