Javascript AJAX：如何在初始加载时加载内部网页？

我有将页面加载到Div中的代码。但是如何让它在初始加载时加载内部页面呢。因此，当网站首次加载时，它不仅仅是一个空白页面。但是“pages/index.php”将加载到内容区域（apDiv2）中，而不是一个空页面

$('.menu_nav').click(function() {
    var href = $(this).attr('href');

       // I Assume that /loading.gif is the url to your gif file
    $('#apDiv2').empty().append($('<img src="img/loader1.GIF" />'));

    $.ajax({
        method: 'GET',
        url: href,
        success: function(content)
        {
            $('#apDiv2').html (content);
        }
    });

    return false;
}); 

$（'.menu_nav'）。单击（函数（）{
var href=$（this.attr（'href'）；
//我假设/loading.gif是gif文件的url
$（'#apDiv2'）.empty（）.append（$（''）；
$.ajax({
方法：“GET”，
url:href，
成功：功能（内容）
{
$（'#apDiv2'）.html（内容）；
}
});
返回false；
}); 

您可以使用页面加载结束时触发的事件

$( document ).ready(function() {
    //Page is loaded.
});

您可以将HTML放入#apDiv2中，其中的任何内容都将在初始页面加载时显示

---

您还必须删除

empty（）

（如果要显示内容，您不想清空html），并向loader1.gif添加一些css样式，以便它覆盖在您的内容之上。

不要过度使用ajax，只在需要时使用它
在这种特定情况下，它是不需要的，老实说，使用它甚至比使用普通服务器端脚本更糟糕（使用ajax将需要一个请求，这将使整个页面加载更长）。
我建议只使用php包含该文件：

 <div id="#apDiv2"><?php include 'pages/index.php'; ?></div>

---

这将把index.php代码放入div中，当页面加载时，它将在那里，而不使用任何ajax。

如果您要求初始加载

$( document ).ready(function() {
     $.ajax({
    method: 'GET',
    url: "pages/index.php",
    success: function(content)
    {
        $('#apDiv2').html (content);
    }
});
    });

---

与在单击处理程序中执行的方式相同，但为什么不在服务器上作为include执行呢？这并不能解决如何将html放入元素的问题，而这正是我所问的问题。在我以前的代码的基础上，这对我最有效。