需要 jQuery ui 选项卡的 iframe 替代品答案

【问题标题】：Need an alternative for iframes for jQuery ui tabs需要 jQuery ui 选项卡的 iframe 替代品
【发布时间】：2012-10-18 12:51:15
【问题描述】：

我有一个使用 jQuery 选项卡的基于 Spring 的 Web 应用程序。

我构建了一个数据字符串（包含特定的）并附加到一个 URL

var hrefData = "?" + item1 + "&" + item2 + "&" + item3;
var href = "myURL";
href = href + hrefData;

基本上我使用以下方法将 URL 加载到基于 jQuery 的选项卡中：

$( ui.panel ).append( '<iframe frameborder="0" style="border:0px" src="'+href+'" width="100%" height="100%"></iframe>');

我的 servlet 控制器接收到这个 URL，我从字符串中获取参数并处理，返回结果数据和页面，显示在上述 iframe 中。

我不想为此使用 iframe。有人可以建议替代解决方案或提供示例，以将 HTML 写入选项卡面板，或类似的东西。

谢谢

我也试过这个：

            $.get(href, function(data){
                alert("Data Loaded: " + data);
                $('ui.panel').append(data); // also tried .load(data);
            });

但这不起作用。

请帮忙

【问题讨论】：

标签： javascript jquery html ajax jquery-tabs

【解决方案1】：

使用 jQuery load() 怎么样？

$('ui.panel').load(href);

http://api.jquery.com/load/

【讨论】：

谢谢，但我试过了，但没有用。没有加载任何内容
您是否尝试访问其他域上的内容？请注意 jQuery 文档中的警告，“大多数“Ajax”请求都受制于同源策略；该请求无法成功地从不同的域、子域或协议中检索数据。”这是一个可以正常工作的 jsFiddle：jsfiddle.net/PEp6h/3

【解决方案2】：

如何使用客户端模板（handlebars.js，以及许多其他非常好的替代方案）。

回复将是一个简单的 JSON 对象，该对象将映射到客户端模板（而不是 JSP 页面）。

【讨论】：