選項卡或手風琴的頁面 - 它是如何在服務器端完成的？

Question

我有一個帶有標籤或手風琴的網頁，使用YUI或jquery或其他javascript + css框架生成。

假設在一個選項卡中處理HTML表單。服務器應該做什麼？發回所有選項卡，提交表單的選項卡具有結果且所有其他選項卡未修改？或者是什麼？

Answer 1

當你選擇每個新的標籤頁，你可以發送一個jQuery AJAX請求只是你需要的內容，例如如果用戶點擊標題爲「體育」的標籤，則可以在服務器上向「sports.html」發出請求，並將其顯示在標籤中。

有一個良好的步行通過here介紹如何實現這一點，所有的建立在像一個基本功能：

// Clicked on "sports" tab 
$("#sports").click(function() 
{ 
    // Make ajax call 
    $.ajax( 
    { 
     url: "sports.html",  // page to be called 
     cache: false, 
     success: function(message) 
     { 
      // Success code returned, clear sports 
      // content area and inject server response 
      $("#sportscontent").empty().append(message); 
     } 
    }); 
}); 

Answer 2

您可以使用Jquery's $.get函數來獲取點擊項目。

Answer 3

當JavaScript支持不可用時，您應始終發送仍然可用的文檔。而且因爲大多數這樣的導航的使用URI的片段標識符，以確定應顯示的文檔的一部分，你可以也用這個和目標表單這個片段：

<form action="#tab3" method="post"> 

或者你使用JavaScript發送數據，獲取響應並將其顯示在當前選項卡中。