php ajax加载不同内容,包括PHP,使用Ajax加载页面(不刷新页面)

这篇博客介绍如何利用jQuery的.load()方法和PHP来实现动态模块加载。通过为菜单链接添加rel属性,当点击链接时,jQuery阻止默认行为并发送一个请求到'module_bringer.php',该PHP文件根据接收到的模块参数动态加载对应内容。这种方法确保了SEO友好,同时实现了页面内容的无刷新更新。
摘要由CSDN通过智能技术生成

比方说,这是你的菜单链接列表:

你可以达到你需要用一个简单的jQuery请求,另一个“模块使者” php文件是什么:

$(document).ready(function(){

$('#menulist li a').click(function(e){

e.preventDefault(); // This will prevent the link to work.

$('#contenuto').load('module_bringer.php?mod=' + $(this).attr('rel');); // You get the moule from rel attribute

// You should keep the actual link so bots can crawl.

});

});

详解编辑下面

0 - 好的。首先,你应该让所有的东西继续工作,没有js和jquery。机器人不会通过浏览器进行爬网,他们只是获取源代码并抓取代码。 (假设你关心seo)

1 - 为菜单链接添加一个额外的属性(在这种情况下,我已经添加了rel属性)。此attr的值是模块参数值。

2 - 包括jQuery库(如果你以前没有包括 - 你可以从here下载

3 - 您可以使用第二代码部分,我已经写了你只需要改变。触发部分在第一个代码块中解释菜单项时,触发器会触发jQuery代码$('#menulist li a').click您必须根据您的菜单结构更改此部分这部分是使httprequest将结果放入#contenuto div

4 - 您需要创建另一个文件来包含将成为jquery httprequest目标文件的内容(在这种情况下,我已经命名它module_bringer.php)。内容应该是这样的:

// You probably need to include some files here like db connection, class definitions etc.

?>

if(empty($_GET["modul"]) && empty($_GET['userpanel'])) {

require('moduli/news.php');

}

elseif (file_exists("moduli/" . $_GET['modul'] . ".php")) {

include("moduli/" . $_GET['modul'] . ".php");}

elseif (file_exists("moduli/userpanel/" . $_GET['userpanel'] . ".php")) {

include("moduli/userpanel/" . $_GET['userpanel'] . ".php");

}else{

include("moduli/404.php");

}

?>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值