如何處理每個jquery選項卡的不同json數據？

Question

我有三個3（jquery的）選項卡：

• 概述
• 定價
• 目的地信息

每個選項卡都具有完全不同的數據。我可以在href中指定一個URL來進行AJAX調用。但是，如何處理爲每個選項卡收到的數據（以便我可以根據上下文渲染它們）？

我應該使用load事件來處理數據嗎？如果是這樣，我怎樣才能得到在加載事件返回的json數據的句柄？

Answer 1

我有jQuery UI的經驗不多，但我知道你可以從一個AJAX請求的JSON（here）獲取數據：

$.ajax({ 
    url: "http://example.com/page.html", 
    dataType: "json", 
}).done(function (data) { 
    // Do some stuff with the data 
}); 

或者你可以使用jQuery.getJSON。 然後總是有jQuery.parseJSON。

編輯：至於我能弄清楚，這是最好的，你會得到：

$(window).load(function(){ 
    $(function() { 
     $("#tabs").tabs({ 
      ajaxOptions: { 
       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."); 
       }, 
       success: function(jsonObject, status) { 
         // Code 
       }, 
       dataType: "json" 
      } 
     }); 
    }); 
}); 

這樣，JSON需要包括你一起工作的標籤。這會導致一個相當不雅的解決方案，因爲你將不得不打開從json返回的tab值。看起來好像Tab API並不適合任何人自己處理顯示過程。我看到其他三個選項：自己重做Tab API;破解API來做你的事情;或不喜歡get_tab_contents.php?tabid=someid&json=somepath

Answer 2

也許我在閱讀這個錯誤，但是......你可以在你的AJAX響應中使用帶有某種標記的開關。

/* 
    Your AJAX response could be something like: 
    data.type = destination, overview, pricing etc 
    data.content = The actual content you are expecting 
*/ 
var data=/* Your ajax call */ 
switch(data.type) 
{ 
case 'destination': 
     /* Handle the rest of the data object*/ 
     $('div').html(data.content); 
     break; 
case 'overview': 
     break; 
case 'pricing': 
     break; 
}