Bagaimana untuk menggunakan AJax dan json untuk melaksanakan pengesahan log masuk dalam php-masalah PHP-php.cn

Bagaimana untuk menggunakan AJax dan json untuk melaksanakan pengesahan log masuk dalam php

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

Lepaskan： 2023-06-19 13:28:37

asal

2071 orang telah melayarinya

Kaedah untuk php menggunakan AJax dan json untuk melaksanakan pengesahan log masuk ialah: 1. Buat fail sampel jsp dan import fail kebergantungan jquery dan kebergantungan fastjson 2. Buat fail login.js baharu untuk mendapatkan pengguna kandungan teks nama dan kata laluan; 3. , buat kelas pengawal baharu, tanya sama ada pengguna wujud dan tukar objek menjadi jenis rentetan json dan kembalikan ke fail js 4. js menentukan sama ada ia berjaya dan kemudian melompat ke muka surat.

Bagaimana untuk menggunakan AJax dan json untuk melaksanakan pengesahan log masuk dalam php

Sistem pengendalian untuk tutorial ini: Sistem Windows 10, versi php8.1.3, komputer Dell G3.

AJAX dan Json melengkapkan log masuk pengguna

1 Import kebergantungan jquery dan kebergantungan fastjson terlebih dahulu

2. . Cipta halaman jsp baharu

<%@ 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>

Salin selepas log masuk

3 Cipta fail js baharu

$(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"
         
        );
         
    });
});

Salin selepas log masuk

4 🎜>Soal sama ada Pengguna ini wujud

Tukar objek peta kepada jenis rentetan json, tulis pada memori dan kembalikannya ke fail js

private void login(HttpServletRequest request, HttpServletResponse response) throws Exception {
        // 
        response.setContentType("text/html;charset=utf-8");
        PrintWriter writer = response.getWriter();
        String msg = "";
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        Map<String, Object> map = new HashMap();
         
        //查询是否存在此用户
        User user = new LoginServer().login(username, password);
 
        if(user!=null) {
            map.put("log", true);
            map.put("msg", "成功");
        }else {
            map.put("log", false);
            map.put("msg", "用户名或者密码错误");
        }
         
        //把map对象转换成json字符串类型，写入到内存，并返回给js文件
        writer.write(JSON.toJSONString(map));
         
    }

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk menggunakan AJax dan json untuk melaksanakan pengesahan log masuk dalam php. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!