2. 程式人生 > >jquery+ajax+php實現使用者登入與退出

jquery+ajax+php實現使用者登入與退出

阿新 • • 發佈：2019-01-19
在這個例子中，使用 jquery+Ajax+PHP實現使用者登陸和退出。
它簡單而且可以整合在專案中,或者可以當中入門的學習案例，開始：


第一步 users.sql檔案，準備表和資料,注意在建立表之前一定要先建立一個數據庫


CREATE DATABASE demo；


--
-- 建立資料庫表
--


CREATE TABLE IF NOT EXISTS `users` (
  `id` int(10) NOT NULL AUTO_INCREMENT,
  `username` varchar(600) NOT NULL,
  `password` varchar(600) NOT NULL,
  `status` int(1) NOT NULL DEFAULT '1',
  PRIMARY KEY (`id`)
);



--
-- 插入一行資料
--


INSERT INTO `users` (`id`, `username`, `password`, `status`) VALUES
(1, 'superuser', 'WXpOV2QxcFlTbmRaV0U1NlpESTVlVnBCUFQwPQ== ', 1);


第二步 library.php


開始會話並且連線資料庫.


<?php
session_start();
mysql_connect("localhost", "root", "") or die ("Server not connected"); // 連線到主機，輸入你自己的資料庫使用者名稱密碼
mysql_select_db("demo") or die ("DB not connected"); // 選擇資料庫
?>



第三步 login.php 登入表單


在上述login.php中，得到使用者輸入的使用者名稱和密碼值。
然後使用jQuery ajax()函式將這兩個值傳送到另一個checker.php檔案。


第四步 checker.php 連結資料庫，驗證使用者名稱密碼是否正確，並返回不同的返回值。


此腳步接收表單傳送過來的使用者名稱和密碼，使用簡單的base64_encode()函式加密使用者密碼。
判斷是否返回一行資料，
如果mysql_num_rows()返回大於0意味著它是一個有效的使用者，所以我們返回1。
如果mysql_num_rows返回0意味著無效的使用者名稱或密碼是錯誤的。所以我們返回0。


取決於checker.php是結果 login.php決定，重定向到固定使用者頁面或顯示身份驗證失敗的訊息。


第五步 logout.php 結束會話，退出。


<?php
include 'library.php';
session_destroy();
unset($_SESSION['userid']);
unset($_SESSION['username']);
echo '<script type="text/javascript">window.location = "login.php"; </script>';
?>

銷燬session,銷燬會話變數
這裡使用了js的重定向。


完整原始碼這裡有： http://download.csdn.net/detail/iyinyue1/8409337

相關推薦

PHP+Jquery+Ajax實現使用者登入與退出

session_start();  require_once ('connect.php');    $action = $_GET['action'];  if ($action == 'login') {  //登入      $user = stripslashes(trim($_POST['user'

jquery+ajax+php實現使用者登入與退出

在這個例子中，使用 jquery+Ajax+PHP實現使用者登陸和退出。 它簡單而且可以整合在專案中,或者可以當中入門的學習案例，開始： 第一步 users.sql檔案，準備表和資料,注意在建立表之前一定要先建立一個數據庫CREATE DATABASE demo； -- -- 建立資料庫表 --CREATE

使用jquery+ajax+php實現搜索框的功能

test .ajax 關鍵字 焦點 pwd show span 知識庫 document 搜索框的原理： 客戶端：輸入要搜索的關鍵字於文本框，然後文本框將關鍵字獲取，使用ajax發送請求到服務端，然後根據服務端返回來的信息顯示到一個div中 服務端：接收傳過來的數據，然後在

jquery-ajax-php(內容點贊並進行cookie限制實現)

內容 -a post pan pop alt 操作方法 trac 限制 1.模板頁html例如以下： 2.模板頁的jquery裏的ajax實現例如以下: 3.相應的操作方法裏例如以下： jquery-ajax-php(內容點贊

Django+Jquery+Ajax+驗證碼登入案例

1，建立專案test04 2，建立應用app為booktest 3，註冊應用booktest 作用讓建立的應用執行起來 4，在專案根目錄下建立模板templates目錄 作用就是存放html檔案 在專案的settings.py檔

jquery+ajax實現使用者登入案例

jQuery.get(url, [data], [callback], [type]);     url : 待載入頁面的URL地址     data : 待發送 Key/value 引數。 &n

ThinkPHP3.2.3--登入與退出登入

一 登入 LoginController.class.php： public function index(){ $admin=D('admin');//例項化資料庫

selenium 谷歌瀏覽器的登入與退出；前進後退；重新整理；以及視窗的調節； 獲取url

package com.ChaptDemo01; import org.openqa.selenium.Dimension; import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.Ch

django 使用者登入與退出

urls.py from django.conf.urls import url from users.views import LoginView,LogoutView urlpatterns = [ url(r'^login/$', Logi

jquery $.ajax+php使用jsonp處理資料時，前端success ：function無法獲取伺服器返回資料

說明：下面描述的過程前端使用的jQuery 前提下完成的 $.ajax+php開發應用時，由於某些原因，ajax必須使用跨域操作處理資料（jsonp）發現 success:function(msg){ alert(msg); } 不執行，但是ajax請求php的資料在後端

Jquery+ajax+php實現簡單的非同步提交

 jqueryTest.html 檔案： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition

Jquery+ajax+PHP 基於thinkPHP的無重新整理分頁

var page_cur = 1; //當前頁 var total_num, page_size, page_total_num;//定義總記錄數,每頁條數,總頁數 function getData(page) { //獲取當前頁資料 var w = document.getElementById("

不重新整理頁面的PHP與Jquery AJAX檔案上傳

這裡只拿圖片上傳做例子： 前端頁面 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>多檔案上傳&l

用jquery +ajax 實現與php後臺互動json資料

因為做了前段用jquery和ajax傳送post或get請求到後端伺服器，伺服器我是用nginx ，你也可以用apache， 後端技術使用php，例子很簡單，主要是理解了，擴充套件到複雜就沒有什麼問題。 程式碼給出，希望對大家有用： 這個是端html，你需要下載jquer

PHP寫登入頁面與退出頁面

 <?php    include("../com/conn.php");    if($_POST[sub]){       $sql ="select * from cp_userlist where username='".$_POST[user]."' and password='".$_POS

php mysql jquery ajax 查詢數據庫三級聯動

message name new 獲取 errno app get comment dem 1、php 頁面打開直接展示第一個select option中的數據 2、當第一個下拉列表選中的內容發生改變的時候，查詢數據庫填充第二個下拉列表 3、當第二個下拉列表選中的內容發

jquery ajax中success與complete的執行順序

err 執行 stop 我們 -- jquer bsp con ucc jquery ajax中success與complete的執行順序 jquery中各個事件執行順序如下： 1.ajaxStart(全局事件) 2.beforeSend 3.ajaxSend(全局事件)

jquery下的ajax和jsonp實現與區別

soc 分隔 分享 com 服務器 img input post npc json和jsonp和ajax的實質和區別ajax的兩個問題　　1.ajax以何種格式來交換數據　　2.跨域的需求如何解決　　　　數據跨域用自定義字符串或者用XML來描述　　　　跨域可以用服務器代理來

實現簡單的PHP接口，以及使用js/jquery ajax技術調用此接口

gpo col php接口 class cal ajax技術 enc font blog 主要介紹下如何編寫簡單的php接口，以及使用js/jquery的ajax技術調用此接口。 Php接口文件（check.php）: <?php $jsonp_supporter

php+jquery+ajax+json的一個最簡單實例

text serial OS .com min TP content meta 姓名 //網站 http://www.cnblogs.com/hjxcode/p/6029781.html<html><head><meta http-equiv=