ajax實現簡單的登入頁面

2021-09-11 21:58:34 字數 848 閱讀 5833

ajax工作原理是乙個頁面的指定位置可以載入另乙個頁面所有的輸出內容,這樣就實現了乙個靜態頁面也能獲取到資料庫中的返回資料資訊了。所以ajax實現了乙個靜態網頁在不重新整理整個頁面的情況下與伺服器通訊,減少了使用者等待時間,同時降低了網路流量,增強了客戶體驗的友好程度。

1.ajax_login.html

使用者名稱:

記住使用者名稱:

密碼

2.views.py

"""ajax登入頁面"""

return render(request,"booktest/login_ajax.html")

def login_ajax_check(request):

"""ajax登入校驗"""

username = request.post.get('username') # 通過'username'這個鍵拿到資料

password = request.post.get('password')

#若登入正確

if username == "admin" and password == "12":

jsonresponse = jsonresponse()

return jsonresponse

#登入錯誤:

else:

return jsonresponse()

登入頁面ajax請求

login.js 一 登入驗證提示資訊 提交登入資訊 sub.on click function e console.log request param json.stringify param ajax done function result else if result.code 0100 e...

簡單的登入頁面

ul,ol,li.cover login box h1.input group label icon input group input box seekbar thumb seekbar span icon vcode input vcode split aa hover tips btn log...

php實現登入頁面的簡單例項

開始自然是從最簡單的功能起步,我第乙個任務選擇了做乙個登入操作,其實也沒想象中那麼簡單。1 首先自然是連線和建立資料庫 這部分我寫在model.php中 username root password host localhost database login 建立連線 conn mysqli con...