欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery ajax php 登陸

傅智翔2年前7瀏覽0評論

在網頁中,我們經常需要使用ajax技術,來實現一些動態交互。其中,ajax技術可以通過異步請求,實現不刷新頁面的數據交互。接下來,我們來演示一下如何使用jquery ajax和php來實現登陸功能。

首先,讓我們來看一下前端的代碼:

$.ajax({
type: "POST",
url: "login.php",
data: {
username: $('#username').val(),
password: $('#password').val()
},
dataType: "json",
success: function(result){
if(result.code == 0){
alert(result.msg);
}else{
alert(result.msg);
location.href = 'index.php';
}
},
error: function(){
alert('請求失敗,請稍后再試!');
}
	});

上述代碼實現了對login.php的異步請求,其中,我們將輸入的用戶名和密碼作為參數,傳遞給后端的login.php文件。同時,我們需要設置dataType為json數據類型,以方便后端返回我們需要的數據。

接下來,我們來看一下php后端的代碼:

$username = $_POST['username'];
	$password = $_POST['password'];
if($username == 'admin' && $password == '123456'){
$result = array(
'code' =>1,
'msg' =>'登陸成功'
);
	}else{
$result = array(
'code' =>0,
'msg' =>'用戶名或密碼錯誤'
);
	}
echo json_encode($result);

上述代碼接收到前端傳遞的參數后,判斷用戶名和密碼是否正確,如果正確,則返回code為1,msg為登陸成功的json數據;否則,返回code為0,msg為用戶名或密碼錯誤的json數據。

最后,我們需要注意的是,在上述的代碼中,我們需要設置跨域請求,否則會報錯。我們可以在php文件頭部添加如下代碼來解決跨域問題:

header('Access-Control-Allow-Origin:*');
	header('Access-Control-Allow-Methods:*');
	header('Access-Control-Allow-Headers:*');

以上,便是關于jquery ajax和php登陸實現的簡單介紹。希望本篇文章對大家有所幫助!