AJAX如何實現無重新整理登入功能

最近學習了如何實現無重新整理登入,大體的效果如下(介面比較醜,請自行忽略....):

點選登入按鈕時彈出登入視窗,輸入正確的使用者名稱密碼後點選登入則登入視窗關閉,狀態改為當前使用者名稱.

第一步:

首先彈出視窗使用的是jquery-ui中的控制項,第一步要學會如何使用.

開啟解壓後的jquery-ui下的development-bundle->demos,找到index.html,選擇dialog下的model dialog,右鍵檢視原始碼,觀察如何使用該控制項,找到一句關鍵**:$("#dialog-modal").dialog();這是用程式設計客棧於顯示的,開啟model message中的原始碼,找到關閉的關鍵**:$(this).dialog('close');有了這兩句**,可以控制視窗的顯示與關閉,可以進行下一步了.使用時需複製jquery-ui開發包的css資料夾,js資料夾到專案中.

第二步:

在這裡先貼出處理ajax請求的一般處理程式的**,雖然正真寫的時候都是用到再寫,但這裡不可能一步一步詳細列出,為了便於理解,先將一般處理程式**貼出來:

1.islogin.ashx,用於判斷使用者是否登入,登入則返回使用者名稱.這裡注意,在一般處理程式中要使用session,必須引入using system.web.sessionstate且要實現irequiressessionstate介面

using system;

using system.collections.generic;

using system.linq;

using system.web;

using system.web.sessionstate;

namespace ajax無重新整理登入.ajax

else

}public bool isreusable}}}

2.checklogin.ashx,用於檢測使用者輸入使用者名稱密碼是否匹配,正確則返回yes,錯誤返回no,這裡為了簡便沒有連線資料庫.

using system;

using system.collections.generic;

using system.linq;

using system.web;

using system.web.sessionstate;

namespace ajax無重新整理登入.ajax

else

}public bool isreusable}}}

3.loginout.ashx,用於控制使用者登出,設定session為空.

using system;

using system.collections.generic;

using system.linq;

using system.web;

using system.web.sessionstate;

namespace ajax無重新整理登入.ajax

public bool isreusable}}}

一般處理程式就結束了,下面貼出主介面的**:

" %>

本文標題: ajax如何實現無重新整理登入功能

本文位址: /wangluo/ajax/176956.html

AJAX如何實現無重新整理登入功能

ajax實現無重新整理分頁

AJAX實現無重新整理檢測使用者名稱功能

ajax實現登入功能

AJAX如何實現無重新整理登入功能

ajax實現無重新整理分頁

AJAX實現無重新整理檢測使用者名稱功能

ajax實現登入功能

相關推薦