5

URLの変数とAJAXを使用してJSONを表示することにより、Webサイトから特定のリクエストを取得しようとしています。すべてが機能しているように見えますが、「TypeError: 未定義のプロパティ '長さ' を読み取れません」というエラーが発生します。デバッガーは、JQuery ファイルとスクリプト内の行 ($.ajax.success) を指します。

function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i = 0; i < vars.length; i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  }
  alert('Query Variable ' + variable + ' not found');
}

$(document).ready(function () {

  var output = $('#news');
  var postid = getQueryVariable('id');

  $.ajax({
    url: 'http://www.domain.pro/api/get_post/?post_id=' + postid + '&post_type=news',
    async: false,
    callback: 'callback',
    crossDomain: true,
    contentType: 'application/json; charset=utf-8',
    type: 'POST',
    dataType: 'jsonp',
    timeout: 5000,
    success: function (data, status) {
       $.each(data.posts, function (i, item) {
        var news = '<div>' + item.title + '</div><div>' + item.content + '</div><hr/>';

        output.append(news);


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

これを整理するのを手伝ってくれませんか？本当にありがとうございました。

4

2 に答える 2

5

操作を実行する前に、データを検証する必要があります。

更新しました

 $.ajax({
            url: 'http://www.domain.pro/api/get_post/?post_id=' + postid + '&post_type=news',
            async: false,
            callback: 'callback',
            crossDomain: true,
            contentType: 'application/json; charset=utf-8',
            type: 'POST',
            dataType: 'jsonp',
            timeout: 5000,
            success: function (data, status) {
               if(data != undefined && data.post != undefined){
                 $('#news').append('<div>' + data.post.title + '</div><div>' + data.post.content + '</div><hr/>');
                }
            },
            error: function () {
              output.html('<h1 class="error">There was an error loading the data.</h2>');
            }
          });
于 2013-01-07T16:39:01.647 に答える
1

$.each を data.post に適用すると、データが null の場合は未定義になる可能性があります。$.each は配列またはコレクションを期待しているため、長さのエラーが発生します。あなたのデータはnullなので、data.postは未定義になります。$.each like を適用する前に確認できます

if(typeof data == "object" && data.post)
    //Your code here.

このチェックは、ajax からのデータが必要な場合はいつでも適用する必要があります。

于 2013-01-07T16:43:50.267 に答える