javascript - 基于选项卡或 Accordion 的页面 - 它是如何在服务器端完成的?

标签 javascript html css

我有一个带有选项卡或 Accordion 的网页,使用 YUI 或 jquery 或其他 javascript+css 框架生成。

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

最佳答案

当您选择每个新标签时,您可以发送一个 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); 
        } 
    }); 
});

关于javascript - 基于选项卡或 Accordion 的页面 - 它是如何在服务器端完成的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/551015/

相关文章:

javascript - 是 window.open ("", ... 不可能用 firefox 吗?

javascript - 如何使用 Javascript 在字符串中呈现 HTML?

javascript - 通过按钮和 JavaScript 显示或隐藏一个 div

html - 对齐社交媒体共享按钮以看起来不错

javascript - Vue.js - 双花括号( mustache )语法不起作用/渲染到页面

javascript - 模态对话框不适用于 bootstrap 4

Javascript - 准确获取元素框阴影细节

javascript - 对 JavaScript 函数进行非正则表达式重构的最快方法

html - 无法在 <ul> 中居中 <li>

javascript - 避免触发多次点击事件