按下它们时如何使标签发出服务器呼叫?

时间:2012-02-07 20:37:04

标签: jquery jquery-ui

我正在使用显示here的简单示例,以便在我的页面上创建标签。 在我的情况下,这些选项卡的内容不是一些轻文本,而是起伏jsps,我不想一次加载所有内容。 我的问题是,是否有一种方法可以使用这些选项卡作为占位符,并且只有当用户实际按下它们时才使用服务器调用为每个选项卡的jsp呈现内容? 一个简单的代码示例非常有用

3 个答案:

答案 0 :(得分:1)

您的问题的答案是HERE

HTML的相关部分是:

    <ul>
    <li><a href="#tabs-1">Preloaded</a></li>
    <li><a href="ajax/content1.html">Tab 1</a></li>
    <li><a href="ajax/content2.html">Tab 2</a></li>
    <li><a href="ajax/content3-slow.php">Tab 3 (slow)</a></li>
    <li><a href="ajax/content4-broken.php">Tab 4 (broken)</a></li>
</ul>

这是一个DEMO,如果您查看xhr标签下的萤火虫,您会发现点击每个标签时会发出ajax调用

答案 1 :(得分:0)

这个演示似乎正是您所需要的:http://flowplayer.org/tools/demos/tabs/ajax.html

单击选项卡会启动内部内容的ajax请求

答案 2 :(得分:0)

这里的例子听起来像是你会做的事情:http://flowplayer.org/tools/demos/tabs/ajax-history.html

只需将ajax1.html替换为您的网页。