jquery ajax实现静态html页面登录与退出原理

例子,html代码非常的简单

<div id='ajaxlogin'>这里可以是html显示状态信息了,因为后面的ajax会替换这里面内容了,为了防止加载延迟问题我们可以默认有一些登录说明了</div>

 代码如下 复制代码

<script language="javascript">$('#ajaxlogin').load('ajaxlogin.php?cityid=1208');</script>

ajaxlogin.php

这个文件非常的简单就是来判断用户是不是登录了,如

 代码如下 复制代码

<?php
      if(isset($_SESSION['user'])){
      ?>
      <div id="result">
        <p><strong><?php echo $_SESSION['user'];?></strong>,恭喜您登录成功!</p>
        <p>您这是第<span><?php echo $_SESSION['login_counts'];?></span>次登录本站。</p>
        <p>上次登陆本站的时间是:<span><?php echo date('Y-m-d H:i:s',$_SESSION['login_time']);?>
</span></p><p><a href='#' id='logout'>【退出】</a></p>
      </div>
      <?php }else{?>
      <div id="login_form">
          <p><label>用户名:</label> <input type="text" class="input" name="user" id="user" /></p>
          <p><label>密 码:</label> <input type="password" class="input" name="pass" id="pass" />
</p>
          <div class="sub">
              <input type="submit" class="btn" value="登 录" />
          </div>
      </div>
      <?php }?>

核心代码其实就是一个

 代码如下 复制代码

<?
if( $_SESSION['user']=='abc' )
{

echo' 登录成功 ';

}
else
{
echo '登录失败';
}

时间: 2024-11-10 11:49:34

jquery ajax实现静态html页面登录与退出原理的相关文章

jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)_jquery

本文实例讲述了jQuery+ajax实现滚动到页面底部自动加载图文列表效果.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&qu

jquery 多请求-jquery ajax 多请求刷新页面

问题描述 jquery ajax 多请求刷新页面 如题,我想在主页面向后台发请求,然后把后台返回的结果加载到页面中去.页面一共有七个,前六个都是正常的,但到最后一个的时候先弹出undefined,然后才是返回的页面.这是为什么呢? $(".subequip").each(function(){ obj=$(this); id=obj.attr("id"); alert(id); $.ajax({ async: false, url:"{$bUrl}/dev

IE8 jquery ajax获取静态资源报错TypeError 拒绝访问

1,出现问题的代码: Js代码   /***      * 请求静态html 模板      * @param url      * @param $jqueryDiv : 四个主要div之一      * @param templateHandle : 自定义,用于使用Dot js模板函数      * @param callback : 用于实现模板之后,绑定事件      * @param templateData : cia的返回数据      */      ajaxHtml: fun

jQuery ajax方法加载页面局部内容

使用jQuery的ajax方法很容易的能够帮助我们完成ajax操作,但是这个方法返回的数据是整个页面的HTML,如果加整个页面的HTML全加append到页面上的话这是非常的不友好的,用下面的办法会很好的解决这个问题.  代码如下 复制代码 $.ajax({           url: "hotelQuery!queryHotelByCity.action",           type: "post",           dataType: "ht

Jquery Ajax学习实例 向页面发出请求,返回XML格式数据_jquery

一.AjaxSample.aspx 处理业务数据,产生XML数据,供JqueryRequest.aspx调用,代码如下: 复制代码 代码如下: protected void Page_Load(object sender, EventArgs e) { string uid = Request.QueryString["username"]; string pwd = Request.QueryString["password"]; Response.Content

php jquery.ajax无刷新登录简单实例代码

一个很简单的应用实例,就利用了jquery.ajax来实现无刷新登录效果了,方便很简单扼要,实例也只讲了jquery应用这一圬,php教程那款就没讲了,有需要的朋友可以参考一下. <script src="js/jquery-1.4.2.js" type="text/网页特效"></script> <script language="javascript"> function test() { $.ajax({

jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态_jquery

功能:省,市,地区三级联动,采用jquery ajax 取数据绑定,页面刷新或提交后选定值能保存并保持选中状态 把以下代码放在一个单独的js文件中,在页面上引用即可调用 复制代码 代码如下: //获取cookie值function readCookie(name) {    var cookieValue = "";    var search = name + "=";    if (document.cookie.length > 0) {       

jquery ajax方法调用在session超时以后如何跳转到登录页面?

问题描述 jquery ajax方法调用在session超时以后如何跳转到登录页面?session超时以后虽然被过滤器过滤到了,但是并不会跳转到登录页面请求具体的解决方法.我参考了这篇文章,但是我调用ajaxStart不起作用.http://www.blogjava.net/vickzhu/archive/2009/06/05/280223.htmlext jquery 用户访问超时(ext session过期) 解决两种情况下的用户访问超时.a)普通http请求的session超时.b)异步h

PHP+jQuery+Ajax实现用户登录与退出

  PHP+jQuery+Ajax实现用户登录与退出          本文使用Ajax无刷新登录和退出,从而提升了用户体验. 若用户为登录状态,则显示用户相关登录信息,否则显示登录表单. 用户登录与退出功能应用在很多地方,而在有些项目中,我们需要使用Ajax方式进行登录,登录成功后只刷新页面局部,从而提升了用户体验度.本文将使用PHP和jQuery来实现登录和退出功能. 准备数据库 本例我们使用Mysql数据库,创建一张user表,表结构如下: ? 1 2 3 4 5 6 7 8 9 CREA