Javascript 选项卡或基于手风琴的页面-如何在服务器端完成?

Javascript 选项卡或基于手风琴的页面-如何在服务器端完成?,javascript,html,css,Javascript,Html,Css,我有一个带有标签或手风琴的网页,由YUI或jquery或其他javascript+css框架生成 假设一个HTML表单在一个选项卡中处理。服务器应该做什么?发回所有选项卡,提交表单的选项卡具有结果,而所有其他选项卡未修改?或者什么?您可以使用函数在单击时获取项目。您应该始终发送在JavaScript支持不可用时仍然可用的文档。由于大多数这样的导航都使用URI的片段标识符来标识文档中应该显示的部分,因此您也可以使用它并将表单指向该片段: <form action="#tab3" method

我有一个带有标签或手风琴的网页,由YUI或jquery或其他javascript+css框架生成


假设一个HTML表单在一个选项卡中处理。服务器应该做什么?发回所有选项卡,提交表单的选项卡具有结果,而所有其他选项卡未修改?或者什么?

您可以使用函数在单击时获取项目。

您应该始终发送在JavaScript支持不可用时仍然可用的文档。由于大多数这样的导航都使用URI的片段标识符来标识文档中应该显示的部分,因此您也可以使用它并将表单指向该片段:

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


或者使用JavaScript发送数据,获取响应并在当前选项卡中显示。

当您选择每个新选项卡时,您可以发送一个jQuery AJAX请求,以获取您所需的内容,例如,如果您的用户单击标题为“Sports”的选项卡,您可以向服务器上的“Sports.html”发出请求,并在选项卡中显示它

有一个很好的演练,描述了如何实现这一点,所有这些都建立在以下基本功能的基础上:

// 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); 
        } 
    }); 
});
哈,当我的答案(虽然是一个简短的链接版本)被否决时,被接受的答案也是一样的。那个“穿行”链接(约2008年)早就被弃用了;这是回程机器缓存的副本: