JQUERY UI - 标签 - 将数据加载到选项卡中,而不使用IFRAME - 备选选项

时间:2012-07-19 21:09:18

标签: javascript jquery ajax jsp jquery-tabs

我目前有一个JSP页面,其中包含一个基于Jquery UI的手风琴(基于页面的左侧),当您在此手风琴中选择一个选项时,它会启动一个新选项卡(选项卡位于页面的中心)

加载到我的新选项卡中的内容来自我在项目中的JSP页面。我正在使用IFRAME执行此操作,但我想知道是否有办法将此JSP数据加载到选项卡而不是IFRAME?

此JSP包含动态数据,图像和文本。

如果输出显示在标签本身而不是IFRAME中会更清晰 - 对此的可用性不是很好。

我可以为此做出哪些IFRAME备选方案?

1 个答案:

答案 0 :(得分:1)

您可以使用jQuery的load功能,它非常简单易用。

这里可以看到一个很好的例子:http://jsfiddle.net/SO_AMK/TR2kn/(点击展开)

一个更简单的例子:http://jsfiddle.net/SO_AMK/TR2kn/1/

但是,请注意,这不能跨域加载数据,所以数据必须在您的服务器上(有一些解决方法,但它们变得复杂)!