jQuery UI Tabs: JSON не отображается

Я использую jquery ui tabs с ajax.jQuery UI Tabs: JSON не отображается

Ajax столкнется с таким содержанием JSON.

[ 
    { 
    "title" :"a note", 
    "type" :"text", 
    "content" :"MY FIRST NOTE!" 
    }, 
    { 
    "title" :"two note", 
    "type" :"text", 
    "content" :"MY FIRST NOTE <b>if html works<\/b> i should pay attention to this!" 
    } 
]

Я использую этот код:

$(function() { 
    $("#tabs").tabs({ 
     cache : false, 
     ajaxOptions : { 
      cache : false, 
      dataType : 'json', 
      dataFilter : function(result) { 
       var data = $.parseJSON(result); 
       return data; 
      }, 
      error : function(xhr, status, index, anchor) { 
       $(" anchor.hash ").html("Couldn't load this tab. We'll try to fix this as soon as possible. " + "If this wouldn't be a demo."); 
      } 
     } 
    }); 
});

(я видел этот вопрос Loading JSON-encoded AJAX content into jQuery UI tabs)

JSON-файл (генерируется PHP) правильно загружена и я подтверждено он использует JSONLint, но вкладка остается белой, а содержимое не загружается, можете ли вы мне помочь?

Это первый раз, когда я работаю с JSON и Ajax так что простите меня, если я делаю какие-то дурацкие ошибки

EDIT: содержание JSON отправляется с типом содержимого = приложения/JSON, удаляя тип содержимого он отображает json, но я хочу разобрать json-файл, используя jquery, что это возможно?

источник

2012-01-15 Matteo Pagliazzi

Вы пытались использовать: return data.content вместо данных возврата –

Я думаю, вы не должны звонить $.parseJSON(result);, так как вы указали dataType : 'json' (см. Мой ответ на этот вопрос Why is 'jQuery.parseJSON' not necessary?), и поэтому jQuery анализирует ответ для вас. Глядя на другой, например, вы также должны вернуть

 dataFilter : function(result) { 
      var data = $.parseJSON(result); 
      return data.content; 
     },

EDIT - позволяя dataType: 'json' это должно быть нормально

 dataFilter : function(result) { 
      return result.content; 
     },

источник

2012-02-04 13:31:07

он работает с добавлением dataType: html –

@MatteoPagliazzi да, но вы должны позволить 'dataType: 'json'' и просто' return result.content' я добавил, что мой ответ –

удаление parseJSON и использование dataType: 'json' не работает .... –

Содержимое не правильно загружена на вкладку из этой части:

dataType : 'json', 
dataFilter : function(result) { 
    var data = $.parseJSON(result); 
    return data; 
}

Вы получаете данные как json, поэтому result - это объект javascript. Но $.parseJSON() требует строки, а не объекта (see docs). Он работает - как вы пишете - когда dataType : 'html', потому что эти данные настроек возвращаются в виде текста.

Чтобы исправить это, вы можете либо установить dataType : 'html', либо избавиться от части dataFilter. Когда вы запрашиваете данные в json-формате, jQuery вызывает $.parseJSON() внутренне.

UPDATE: Еще одна информация, почему вы не получаете никаких ошибок с $.parseJSON() - По JQuery 1.4, если файл JSON содержит синтаксическую ошибку, то запрос будет обычно не молча see docs too

источник

2012-02-08 10:38:06 BartekR

Я нашел его проще вернуть false обработчику beforeLoad и отправить запрос getJSON из beforeLoad. См. Мой ответ here.

источник

2013-02-05 15:08:26 DavidHyogo

jQuery UI Tabs: JSON не отображается

ответ

Смежные вопросы