PHP에서 AJAX를 사용하여 로그인 성공 정보를 반환하는 방법!-PHP 튜토리얼-php.cn

PHP에서 AJAX를 사용하여 로그인 성공 정보를 반환하는 방법!

WBOY

풀어 주다： 2016-10-23 00:12:54

원래의

1365명이 탐색했습니다.

즉, 양식을 제출하기 위해 버튼을 클릭하면 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>

로그인 후 복사

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

PHP에서 AJAX를 사용하여 로그인 성공 정보를 반환하는 방법!

답글 내용: