ajax - 单击相关选项卡在 div 中加载外部站点

Question

我正在尝试在单击相应选项卡时将外部站点加载到 div 中。我是 ajax jquery cud 的新手，任何人都可以建议正确的解决方案。

我试过这个

Answer 1

由于跨域限制，您只能使用 iframe 执行此操作。见http://en.wikipedia.org/wiki/Same_origin_policy

为了解决这个问题，您可以将 #test 元素更改为 iframe，而不是 ajax 加载尝试类似：

$("#test").prop("src", link);

我已经更新了您的小提琴以显示一个工作示例。

http://jsfiddle.net/Ztxsx/5/

基本上，您需要明智的 Javascript 是：

$('#nav ul li a').on("click", function(e) {

    var url =  $(this).text();
    var li_link ='http://www.' + url + '.com';
    e.preventDefault();

    $("#test").prop("src", li_link);       
});

​</p>