今天给大家分享一个DedeCMS会员实现ajax无刷新登录的详细教程:

 

本教程以最新版本5.7默认模版为例,涉及文件:

 

/templets/default/index.htm
/member/index_do.php

 

首先下载我们提供的修改好的文件:点此下载

 

将下载下来的压缩包中的dedejs.com.ajaxlogin.js文件复制到templests/default/js/文件夹下

 

然后修改index.htm(首页模版文件),在里面找到如下内容


 

<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmspath/}/images/js/j.js" ></script> <script language="javascript" type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/pic_scroll.js"></script>

 

 

在这段代码下方加上如下代码:

 

<script language="javascript" type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/dedejs.com.ajaxlogin.js" ></script>


 

找到登录区域,百度百度,找到如下代码:


 

<form name="userlogin" action="{dede:global.cfg_memberurl/}/index_do.php" method="POST">

 

将其修改为:


 

<form name="userlogin" action="{dede:global.cfg_memberurl/}/index_do.php" onsubmit="return Dologin();" method="POST">


 

接着将提供的压缩包中的index_do.php 文件覆盖至member目录下即可(覆盖前请先备份),接着,生成首页,百度,即可查看会员无刷新登录效果了,如下图:

 

DedeCMS首页实现ajax无刷新会员登录的方法

 

登录后的效果:

 

登录后的效果