如何使用AJAX来替代一个iframe？(How can I use AJAX as an alte

目前我使用我的网站上的iframe显示其他页面类似形式的内容。 我的问题，是在登录页面，当用户使用一个iframe中的表单登录时，它只是显示登录iframe中的下一个页面 - 这是完全无用的。

我听说AJAX是这样的事情更加灵活和动态的，但我不知道如何使用它，我已经看了一些教程，但似乎并没有那么远是越来越在内部的显示页面页。

我怎么能代替我的AJAX的iframe？

预先感谢 ：）

Answer 1:

既然你不会使用iFrame中，您将需要一个容器来把你的页面进入。 使用AJAX，通常的做法是使用一个<div>元件可以保持该数据。 此外，jQuery的或其他的Javascript库支持AJAX会让你的生活与工作的测试代码，这样你可以专注于业务逻辑而不是细节问题更容易。 所以，在你的HTML，您将需要一个容器元素：

<div id="otherpage"></div>

然后，在一个包含JavaScript文件，你可以使用这个jQuery的：

$(document).ready(function() {
   $('#otherpage').load('otherpage.html', function() {
      alert('Load was performed.');
   });
});

当然，在使用之前，请确保您有jQuery的为好。 本教程应该帮助您开始使用jQuery。

Answer 2:

你所面临的问题更关系到AJAX比其他任何东西。

尝试“预加载”在主HTML（而不是一个通过AJAX加载）您的JS功能，只是通过Ajax加载特定呈现HTML。

然后，使用jQuery“.done（功能（数据）{...”的方法来invoque JS功能你‘预加载’<<（包括基本HTML /文档中）一旦他们准备就绪。

希望这会帮助，关心。

尝试是这样的：

    $(document).ready(function(){
        $.ajax(
            url    : './your_script.php',
            context: 'document',
        ).done(function(data){
            $('#your_div').html( data );
            your_js_function();
        })
    });

    // ---- main html
    function your_js_function(){
        alert('got it!');
    };

文章来源: How can I use AJAX as an alternative to an iframe?