使用Ajax动态加载内容
我意识到这已经被覆盖过了，但我不在我的舒适区之外，我似乎无法把这些碎片放在一起以适应我的情况。
我正在构建一个浏览器游戏界面，当需要在侧面菜单上单击不同的链接时，我需要通过ajax不同的.php文件动态加载到div中。
例如，该界面位于www.mydomain.com/interface.php上。
例如，php文件位于www.mydomain.com/interfacepages/。
这是示例代码：
我想jquery / ajax拉取链接的名称（或者我在某些情况下看到的rel属性）在interfacepages文件夹中找到匹配的.php文件并将其加载到内容div中。
例如，链接指向interfacepages / page1.php，jquery将从php的角度使链接无法工作，而只是在div中包含该php文件。
我需要它在页面加载时加载默认的.php文件。
我很不确定要把什么作为href。
对不起，如果我表达自己错了，但我错过了一些基础知识，我应该赶上但我通常更喜欢通过试验和失败学习（但是4小时后我决定来这里:)）
在你的js文件中，在标签的click事件上，输入这个ajax代码：
$.ajax({ url: [link to your php file] type: [GET or POST] data: [if needed] success: function(html) { alert(html); // display the response of your php function } }); }
添加到头部
创建菜单
内容区域为rightcolumn ; 它可以在包含菜单的页面的任何位置创建。
在每个
查看href。 javascript代码有两个字段：
- 一个是文件名包含属于phpcontents文件夹的数据
- 第二个字段是容器的名称，这里
rightcolumn是容器。
一切顺利，试一试......这是100％的工作。
如果您想使用简单的HTML，您只需将所有链接的“目标”属性更改为指向框架，但您需要将内容div更改为框架。 检查HTML目标和框架属性以获取更多信息：
或者，如果您更喜欢jQuery。 您可以先将侦听器附加到所有链接，然后更改内容div的内容。
您可以使用jQuery load （）函数在div中加载您的内容
这是一个相关的片段：
$(".menu a").click(function() { var link = $(this).attr('href'); $(".content").load(link); });
您希望传递在标记的href属性中加载的整页链接。 用这个。