私はjsonを解析したいが失敗する。いずれかの私のコード

Question

を確認することができ、私はしばらくの間、グーグルの後、私はこの

$(document).ready(function(){ 
    var output = $('#output'); 

    $.ajax({ 

     url: 'http://xxxx.com/android_sha/index.php', 
     dataType: 'jsonp', 
     jsonp: 'jsoncallback', 
     timeout: 5000, 
     success: function(data, status){ 
      $.each(data, function(i,item){ 
       var landmark = '<h1>'+item.sha_id+'</h1>' 
       + item.sha_id+'</p>'; 

       output.append(landmark); 
      }); 
     }, 
     error: function(){ 
      output.text('There was an error loading the data.'); 
       alert("error");   
     } 
    }); 
}); 

を得た。..今、私はこのうち各変数を抽出するデータベースから

[{"sha_id":"2","sha_text":"This is 1st sha."},{"sha_id":"4","sha_text":"this is 2nd sha"}] 

これを印刷するPHPページを作成しました

しかし、私には常に警告エラーが表示されます。私は$.each(data, function(i,item){で何かが間違っている可能性がありますが、正しい形式でなければならないことを理解できません。

Answer 1

はではありません。実際には JSONです。 JSONPはクロスドメインデータを取得するための「ハック」です。 JSONPは実際にはJavaScriptファイルです。

JSONを関数呼び出しでラップする必要があります。あなたの例では、jsoncallbackコールバックを送信しているので、その値にJSONをラップする必要があります。

$callback = $_GET['jsoncallback']; 
while($row = mysql_fetch_assoc($result)){ 
    $records[] = $row; 
} 
echo $callback . '(' . json_encode($records) . ');'; 

Answer 2

アラート（「エラー」）が発生した場合、$ .each関数が失敗したことを意味するわけではありません。つまり、jQueryが指定されたURLをロードできなかったか、ajaxリクエストに別の問題があります。これによりエラー機能が起動され、エラーメッセージが警告されます。

Chromeのデベロッパーツールを使用してネットワークトラフィックを確認するなど、リクエストが正しく機能していることを確認します。ページが200以外のステータスコードを返した場合、それが成功関数がトリガしていない理由です。