Когда данные JSONP изменяются

Я могу констатировать очевидное, но почему бы просто не использовать оператор if?

if (day.td[2].span[0].span.content != null) {
    buildHTML.push( "<tr><td>" + day.td[0].div.abbr.content + "</td><td><img src='" + day.td[1].div.div.img.src + "' /></td><td>" + day.td[2].span[0].span.content + "</td><td>" + day.td[3].span[0].span.content + "</td><td>" + day.td[4].span[0].span[1].content + "</td>");
} 
else {
    buildHTML.push( "<tr><td>" + day.td[0].div.abbr.content + "</td><td><img src='" + day.td[1].div.div.img.src + "' /></td><td></td><td>" + day.td[3].span[0].span.content + "</td><td>" + day.td[4].span[0].span[1].content + "</td>");
}

Если вы Используйте консоль YQL, чтобы проверить полученный результат, и вы увидите, что весь td становится null. Так вот почему вы получаете ошибку.

Вы должны делать:

if (day.td[2] == null)

(Или в зависимости от того, как вы хотите выполнять условный вывод.)

Так уж получилось, что в Великобритании была ночь, когда я посмотрел на это, так что на самом деле я получил проблемный вывод. Но учитывая, что на этой странице можно найти прогноз погоды по всему миру, вы можете так же легко выбрать город в другом часовом поясе и использовать его для проверки.

Чтобы использовать минимальную температуру того же дня, измените это

day.td[2].span[0].span.content

к этому

(day.td[2].span[0].span.content == null ? day.td[3].span[0].span.content : day.td[2].span[0].span.content)

Если это все еще вызывает исключение, вам нужно выяснить, какая часть day.td[2].span[0].span.content возвращается пустой, то есть, возможно, вам нужно проверить day.td[2].span[0] == null.

Изменить. Чтобы было ясно, ваше заявление будет выглядеть так:

buildHTML.push( "<tr><td>" + day.td[0].div.abbr.content + "</td><td><img src='" + day.td[1].div.div.img.src + "' /></td><td>" + (day.td[2].span[0].span.content == null ? day.td[3].span[0].span.content : day.td[2].span[0].span.content) + "</td><td>" + day.td[3].span[0].span.content + "</td><td>" );

Кроме того, если вы просто хотите, чтобы эта ячейка была пустой (вместо использования максимальной температуры), используйте это:

(day.td[2].span[0].span.content == null ? "" : day.td[2].span[0].span.content)

Вы можете использовать оператор ||, чтобы заменить нулевое значение другим значением. Я не уверен точно, какое значение вы хотите, но это будет использовать значение на следующий день:

buildHTML.push(
  "<tr>" +
  "<td>" + day.td[0].div.abbr.content + "</td>" +
  "<td><img src='" + day.td[1].div.div.img.src + "' /></td>" +
  "<td>" + (day.td[2].span[0].span.content || weather[i+1].td[2].span[0].span.content) + "</td>" +
  "<td>" + day.td[3].span[0].span.content + "</td>" +
  "<td>" + day.td[4].span[0].span[1].content + "</td>"
);

Как упомянул sJhonny, вам просто нужно использовать оператор if. Загвоздка в том, что вам нужно знать, что на самом деле является нулевым, потому что следование указателю в любом месте после нулевого значения приведет к ошибке. Не зная подробностей возвращаемых данных, вы должны просто проверить все по очереди:

var td2 = "";
if ( day.td[2] != null && day.td[2].span != null && day.td[2].span.length > 0 && day.td[2].span[0] != null && day.td[2].span[0].span != null && day.td[2].span[0].span.content != null ) {
    td2 = day.td[2].span[0].span.content;
}

buildHTML.push( "<tr><td>" + day.td[0].div.abbr.content + "</td><td><img src='" + day.td[1].div.div.img.src + "' /></td><td>" + td2 + "</td><td>" + day.td[3].span[0].span.content + "</td><td>" + day.td[4].span[0].span[1].content + "</td>");

Конечно, если вы знаете, для какого поля конкретно установлено значение null, вы можете упростить оператор if. Я бы не беспокоился об использовании try/catch, если это сделает ваш код более разборчивым (в этом случае я думаю, что сам предпочитаю try/catch). В любом случае вам, вероятно, следует проверять эти другие поля — вы можете защитить свой сайт от случайных ошибок, если какое-то другое поле данных окажется пустым в этом канале.

Я знаю, что это намного больше, чем вы, вероятно, хотели, но это действительно то, как я решил эту проблему.

Вместо того, чтобы получать JSON от веб-службы, здесь я бы рекомендовал получить HTML (пример запроса), так как вы используете jQuery, и он обеспечивает хороший поиск механизм - в отличие от самостоятельного обхода структуры и столкновения с корягами при изменении этой структуры.

Вот мой код для создания той же таблицы, которую вы делаете, независимо от структуры. Я исключил все части ajax, так как они останутся прежними. Это просто обработчик успеха.

function success(data) {

  var

    $data = $('<table></table>')
      .html(data.results[0]),

    $table = $(
      '<table>' +
        '<thead>' +
          '<tr>' +
            '<th>Day</th>' + 
            '<th>Weather</th>' + 
            '<th>Max<br />Day<br />(°C)</th>' + 
            '<th>Min<br />Night<br />(°C)</th>' + 
            '<th>Wind<br />(MPH)</th>' +
          '</tr>' +
        '</thead>' +
        '<tbody></tbody>' +
      '</table>'
    ),

    $tbody = $table.find('tbody');

  $data
    .find('tr')
    .each(function(index, tr){

      var

        $input = $(tr),
        $output = $('<tr></tr>')
          .appendTo($tbody),

        selectors = [
          '.slotname abbr',
          '.summary p',
          '.temp.max .cent',
          '.temp.min .cent',
          '.wind .mph'
        ],
        i = selectors.length,

        text,
        $cell;

      while (i--) {
        $('<td></td>')
          .text(
            $input
              .find(selectors[i])
              .text()
          )
          .prependTo($output);
      }

    });

  $('#divContent1')
    .empty()
    .append($table);

}

Надеюсь это поможет!