AJAX加载页面

Question

我有一个包含HTML，PHP和JavaScript的页面，我还有另一个非常相似但使用不同变量的页面;一页将用户家乡映射到地图，另一页将用户位置映射到地图。我试过简单地将两者之间的链接作为HTML中的普通链接，但因为它在Facebook画布上，当我尝试转到另一页时我得到关于URL的错误，因此我希望使用AJAX加载页面。我理解如何使用AJAX替换div内容但我似乎无法找到关于加载整个页面的任何内容，我需要这样做，因为2个不同的页面在PHP中有不同的变量。

有没有更好的方法来做到这一点还是没有简单的方法？我以前从来没有真正使用过AJAX，所以我真的不知道如何去做这个，我想我可以在一个文件中包含变量和PHP调用，但我想这需要相当长的时间，代码会变得非常混乱。

Answer 1

您可以使用以下代码在div

中加载html页面

$.ajax({ url: requrl,
            type: "POST",
            dataType: "html",
            success: function (response) {
                $('#DivId').html(response);
            },
            error: function (response, error) {
alert(error);
            }
        });

根据所需条件，您可以传递不同的URL来加载div内的不同HTML页面！