使用AJAX加载外部网页的最佳方式 [英] Best way of loading external page with AJAX

问题描述

我不辉煌与AJAX但也有人请给我一个快速的code切换DIV标签与外部的页面。

例如：

 ＆LT;脚本类型=文/ JavaScript的＆GT;
//有趣的东西在这里//
＆LT; / SCRIPT＆GT;

＆LT; D​​IV ID =随机＆GT;隐匿＆LT; / DIV＆GT;

＆所述; A HREF =externalpage.php无规= 78？＆GT;＆所述; / a取代;
 

这将是真棒，如果当它加载的内容可能会淡入

好吧，我有这个到目前为止（但它似乎并不奏效）：

 ＆LT; UL＆GT;
    ＆LT;李＆GT;＆LT; A HREF =random.html级=负荷＆GT; SS3＆LT; / A＆GT;＆LT; /李＆GT;
    ＆LT;李＆GT;＆LT; A HREF =random.php级=负荷＆GT; SS4＆LT; / A＆GT;＆LT; /李＆GT;
＆LT; / UL＆GT;

＆LT;脚本类型=文/ JavaScript的＆GT;
    $（函数（）{
        $（a.load）。点击（函数（五）{
            即preventDefault（）;
            $（＃folioWrap）加载（$（本）.attr（HREF））;
        }）;
    }）;
＆LT; / SCRIPT＆GT;

＆LT; D​​IV ID =folioWrap＆GT;＆LT; / DIV＆GT;
 

解决方案

您可能想试试这个<一href="http://www.jsclasses.org/package/19-JavaScript-Load-content-into-an-element-via-AJAX-using-jQuery.html"相对=nofollow> JavaScript的AJAX装载机的jQuery插件，可以加载通过AJAX网页元素的含量，并改变以这样一种方式，当你点击了AJAX加载的内容的新页面元素内容中的链接，所有的链接还通过AJAX加载。

我想你可以破解它添加任何渐变过渡效果，当新的页面元素加载。

I'm not brilliant with AJAX but could somebody please write me a quick code for switching a DIV tag with an external page.

For example:

<script type="text/javascript">
// Fun Stuff Here //
</script>

<div id="random">HIDDEN</div>

<a href="externalpage.php?random=78"></a>

It would be AWESOME if the content could fade-in when it's loaded.

Ok, I have this so far (but it doesn't seem to be working):

<ul>
    <li><a href="random.html" class="load">ss3</a></li>
    <li><a href="random.php" class="load">ss4</a></li>
</ul>

<script type="text/javascript">
    $(function(){
        $("a.load").click(function (e) { 
            e.preventDefault();
            $("#folioWrap").load($(this).attr("href"));
        });
    });
</script>

<div id="folioWrap"></div>

解决方案

You may want to try this JavaScript AJAX loader jQuery plugin that can load page elements content via AJAX and it alters all the links in such way that when you click on the links of the AJAX loaded content, the new page element content is also loaded via AJAX.

I suppose you can hack it to add any fade transition effects when the new page element is loaded.

这篇关于使用AJAX加载外部网页的最佳方式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！