首頁猿問 ajax驗(yàn)證提交的用戶名和密碼是否正確

ajax驗(yàn)證提交的用戶名和密碼是否正確

JavaScript

德瑪西亞99 2019-04-10 20:48:59

首先在這里吐槽下，由于自己學(xué)的是前端，去到第一間公司讓我做的事就是每天都布局div+css，所以沒學(xué)到什么，轉(zhuǎn)到第二間公司做前端的就我一個人，而我就真的只是做前端，甚至可以說就是用txt文本去寫的，壓根沒粘到后臺一點(diǎn)邊，然后現(xiàn)在要我做這個用ajax驗(yàn)證提交的用戶名和密碼,我真無從下手，有哪位大神能救下我，這樣沒有數(shù)據(jù)交互我怎么去驗(yàn)證啊，而且我學(xué)的也不多

查看完整描述

2 回答

侃侃無極

TA貢獻(xiàn)2051條經(jīng)驗(yàn) 獲得超10個贊

$.ajax({//請求發(fā)送方式type:'post',//驗(yàn)證文件url:'check.php',//用戶輸入的帳號密碼data:{'username':$("#username").val(),'password':$("#password").val()},//異步，不寫默認(rèn)為Trueasync:true,//請求成功后的回調(diào)success:function(data){if(data){alert('登錄成功')}else{alert('帳號或密碼錯誤');}},error:function(){alert('服務(wù)端異常');}})服務(wù)端通過查詢輸入1或者0來判斷是否正確建議前后端通過json來傳輸數(shù)據(jù)

反對回復(fù) 2019-04-10

嚕嚕噠

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超7個贊

舉個簡單的例子（下面代碼用到j(luò)Query的$.ajax函數(shù)）：$.ajax({method:'post',url:'...',dataType:'text',//用戶名和密碼data:{username:username,password:password},success:function(data){//假設(shè)后端傳回的1表示成功，0表示用戶名或密碼錯誤if(data){alert("驗(yàn)證通過");}else{alert("用戶名或密碼錯誤");}}});這里我使用了jQuery的$.ajax函數(shù)，所以寫起來比較方便，$.ajax還有許多詳細(xì)的參數(shù)可以去查查api。