精美而实用的网站,关注web编程技术、网站运营、SEO推广,让您轻松愉快的学习

HTML页面不能直接使用程序获取session或者cookies等信息,要在HTML页面上显示用户的登录状态我们常用ajax来实现,下面青岛星网简单跟大家分享下实现方法。

当网站是全静态的html页面时,而又希望网站会员在登录之后并在所有页面头部显示登录状态,如用户名等,如果未登录就是未登录状态,下面给大家来分享实现的方法。

html部分

<div id="ajaxlogin"></div>

服务器点动态页面代码

asp版核心代码

if  Session("u_login")="" then
response.Write("未登录")
else
response.Write(""&Session("name")&"欢迎你")
end if

php版核心代码

<?
session_start();
if( $_SESSION['u_login']=='turelogin' )
{
 echo '在这里显示你要在html页面中的ajaxlogin中显示的内容了';
}
else
{
 echo '显示在ajaxlogin div中未登录的提示信息';
}
?>

好了现在html页面与服务器端代码都做好了,我们利用jquery+ajax 中的load来实例

在静态页面底部加入代码

<script src="jquery.js" language="javascript" type="text/javascript"></script>
<script>
$('#ajaxlogin').load('ajaxlogin.php');
</script>

代码需放在ajaxlogin后面,千万不能放在ajaxlogin之前,否则会加载失败,这样我们的html页面实时登录信息就完成了。

本范例实现主要使用了jquery里的load()方法。

load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中。

该方法是最简单的从服务器获取数据的方法。它几乎与 $.get(url, data, success) 等价,不同的是它不是全局函数,并且它拥有隐式的回调函数。当侦测到成功的响应时(比如,当 textStatus 为 "success" 或 "notmodified" 时),.load() 将匹配元素的 HTML 内容设置为返回的数据。

Tags:HTML ajax 登录