将另一个页面加载到DIV中

Loading another page into DIV

本文关键字：DIV 加载 另一个      更新时间：2023-09-26

Function .load不工作在Chrome上的本地主机(与Xampp)。
在JsFiddle上，如果我运行按钮，什么也不会发生。我的目标是加载到DIV id="lista_ogol"另一个页面。这可能吗?
谢谢大家的帮助，如果我的代码很乱，请告诉我需要修改的地方。

下面是我的html代码:

<ul>
    <div id="lista_ogol" class="lista">
    <li><a id="rejestracjaID" href="javascript:void(0)" >Rejestracja</a></li>
    <li><a href="logowanie.php">Logowanie</a></li>
    </div>
</ul>

这是我的Js脚本:

jQuery(function(){
            jQuery('#rejestracjaID').click(function(){
                jQuery('#lista_ogol').load('logowanie.php', 
                        function(){alert('Content Successfully Loaded.')} 
                );
            });
        })

你需要在html文件中包含jquery脚本

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

确保你把它放在你的文档的<head>中，或者放在你用来加载PHP页面的脚本的上面。

如果你没有得到任何jQuery相关的错误(如$ is not defined/jQuery is not defined)，这意味着jQuery工作正常


在这种情况下，首先想到的是请求的页面没有找到。尝试包括正确的URL到logowanie.php(例如"/gate/login/logowanie.php")，因为.load()可能无法找到您所请求的文件。

同时，如果你想添加任何新的html页面到DIV中，一个替代方法(可能或可能不满足你的目的)是首先回显出iframe，然后使用jQuery的.append()方法将其追加，如:
jQuery('#lista_ogol').append(<the iframe>);
相关文章：