Comment utiliser AJax et json pour implémenter la vérification de connexion en php-Problème PHP-php.cn

Comment utiliser AJax et json pour implémenter la vérification de connexion en php

尊渡假赌尊渡假赌尊渡假赌

Libérer： 2023-06-19 13:28:37

original

1831 Les gens l'ont consulté

php La méthode pour utiliser AJax et json pour implémenter la vérification de connexion est la suivante : 1. Créez un exemple de fichier jsp et importez les fichiers de dépendance jquery et fastjson 2. Créez un nouveau fichier login.js pour obtenir le fichier login.js ; Contenu du texte du nom d'utilisateur et du mot de passe ; 3. Créez une nouvelle classe de contrôleur, demandez si l'utilisateur existe et convertissez l'objet en un type de chaîne json et renvoyez-le au fichier js 4. js détermine s'il a réussi, puis passe au fichier js ; page.

Comment utiliser AJax et json pour implémenter la vérification de connexion en php

Le système d'exploitation pour ce tutoriel : système Windows 10, version php8.1.3, ordinateur Dell G3.

AJAX et Json complètent la connexion de l'utilisateur

1 Importez les dépendances jquery et fastjson à l'avance #🎜. 🎜 #

2. Créez une nouvelle page 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>

Copier après la connexion

3. # 🎜🎜#4. Créez une nouvelle classe de contrôleur

Demandez si cet utilisateur existe Convertissez l'objet map en un type de chaîne json, écrivez-le dans le mémoire, et renvoyez-le dans le fichier 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"
		
		);
		
	});
});

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!