PHP에서 AJAX를 사용하여 로그인 성공 정보를 반환하는 방법!
- WBOY원래의
- 2016-10-23 00:12:541403검색
즉, 양식을 제출하기 위해 버튼을 클릭하면 ajax를 사용하여 요청을 보낸 다음 로그인 성공 또는 로그인 실패 정보를 프런트 엔드 페이지에 반환하여 전체를 표시하려면 어떻게 해야 합니까? 프로세스가 새로 고쳐지지 않았습니다. 조언을 구해 주세요. ! !
답글 내용:
즉, 양식을 제출하기 위해 버튼을 클릭하면 ajax를 사용하여 요청을 보낸 다음 로그인 성공 또는 로그인 실패 정보를 프런트 엔드 페이지에 반환하여 전체를 표시하려면 어떻게 해야 합니까? 프로세스가 새로 고쳐지지 않았습니다. 조언을 구해 주세요. ! !
다음은 전체 참조 코드이며, index.php는 로그인 페이지, ajax.php는 ajax 비새로고침 요청을 처리하는 페이지입니다.
index.php
<code><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>登录</title>
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
帐号：<input type="text" id="account" />
<br><br>
密码：<input type="password" id="password" />
<br />
<input type="button" value="登录" id="btnlogin" />
<script type="text/javascript">
$(function(){
$("#btnlogin").click(function(){
$.ajax({
type:"post",
url:"ajax.php",
data:{account:$("#account").val(),password:$("#password").val()},
dataType:"json",
success:function(data){
if(data.type==1){
alert("登录成功");
}else{
alert("登录失败");
}
},
error:function(){
alert("请求异常");
}
});
});
});
</script>
</body>
</html></code>
ajax.php
<code><?php
header("Content-Type:text/html; charset=utf-8");
$account = $_POST['account'];
$password = $_POST['password'];
$result = array();
if ($account != '' && $password != '') {
//$row = $db->query("SELECT * FROM account where user = '".$account."' and password = '".$password."'");
$row = true;//这里去查数据库，假设这里返回true
if($row){
$result['type'] = 1;
$result['msg'] = '登录成功';
}else{
$result['type'] = 0;
$result['msg'] = '用户名或密码不正确';
}
} else {
$result['type'] = 0;
$result['msg'] = '参数传输不正确';
}
echo json_encode($result);
?></code>
Ajax가 데이터를 수신한 후 응답에 직접 작성하면 콜백 함수에서 페이지가 수정됩니다. 작성 방법은 프런트 엔드와 동일한 형식이어야 하며 일반적으로 응답에 json 데이터를 작성합니다
일반적으로 ajax를 통해 백그라운드 PHP에 정보를 제출하면 PHP 판단 처리가 완료된 후 json이 반환되고 프런트엔드의 성공 콜백 함수가 판단을 수락할 수 있게 됩니다. 휴대폰에 코드 제공
<code>header('content-type:application/json; charset=utf-8');
exit(json_encode($yourdata));</code>