AJax와 json을 사용하여 PHP에서 로그인 확인을 구현하는 방법

尊渡假赌尊渡假赌尊渡假赌
풀어 주다: 2023-06-19 13:28:37
원래의
1832명이 탐색했습니다.

AJax 및 json을 사용하여 로그인 확인을 구현하는 PHP의 방법은 다음과 같습니다. 1. jsp 샘플 파일을 만들고 jquery 종속성 및 fastjson 종속성 파일을 가져옵니다. 2. 사용자 이름과 비밀번호를 얻기 위해 새 login.js 파일을 만듭니다. 3. 새 컨트롤러 클래스를 생성하고 사용자가 존재하는지 쿼리한 후 객체를 json 문자열 유형으로 변환하고 이를 js 파일로 반환합니다. 4. js는 성공 여부를 확인한 다음 페이지로 이동합니다.

AJax와 json을 사용하여 PHP에서 로그인 확인을 구현하는 방법

이 튜토리얼의 운영 체제: Windows 10 시스템, php8.1.3 버전, Dell G3 컴퓨터.

AJAX와 Json이 사용자 로그인을 완료합니다

1. jquery 종속성과 fastjson 종속성을 미리 가져옵니다

2. 새로운 jsp 페이지를 생성합니다

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
<script type="text/javascript" src="login.js"></script>

<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
		
	<!-- 不使用submit,用ajax+json实现局部刷新,实现登录 -->
	<form action="" method="post">
		<span id="msg"></span><br/>
		用户姓名:<input type="text" name="username" id="username"><br/>
		用户密码:<input type="text" name="password" id="password"><br/>
		<input type="button" value="登录" id="submit">
	</form>
	
</body>
</html>
로그인 후 복사

3. 4. 새 컨트롤러 클래스 생성

이 사용자가 존재하는지 쿼리 맵 객체를 json 문자열 유형으로 변환하고 메모리에 쓴 다음 js 파일로 반환

$(function(){
	$("#submit").click(function(){
	
		var username = $("#username").val();
		var password = $("#password").val();
		//获取json格式的文本内容
		$.post("login?mark=login",{"username":username,"password":password},
			function(data){
				if(data.log){
					/*输入要跳转的页面*/
					/*window.location.href="https://www.php.cn/link/3729ff995bfa947622cdf0612e57c332";*/
					alert("success");
				}else{
					$("#msg").css("color","red").html(data.msg);
				}
		},"json"
		
		);
		
	});
});
로그인 후 복사

위 내용은 AJax와 json을 사용하여 PHP에서 로그인 확인을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿