pembangunan bahagian belakang
masalah PHP
Cara menggunakan php+AJAx+json untuk melaksanakan pengesahan log masuk
Cara menggunakan php+AJAx+json untuk melaksanakan pengesahan log masuk
Dengan pembangunan WEB2.0 dan AJAX, semakin banyak tapak menggunakan teknologi AJAX untuk memuatkan beberapa halaman secara tidak segerak. Sebagai bahasa pembangunan web yang popular, PHP boleh mencapai beberapa kesan hebat apabila digabungkan dengan AJAX. Artikel ini akan memperkenalkan cara menggunakan AJAX dan JSON untuk melaksanakan fungsi pengesahan log masuk asas.
Mula-mula kita perlu menyediakan fail berikut: index.html, login.php, user.json. Antaranya, index.html ialah laman utama laman web, login.php digunakan untuk memproses permintaan log masuk, dan user.json digunakan untuk menyimpan maklumat pengguna.
1. Reka bentuk index.html
Dalam index.html kita perlu mereka bentuk borang log masuk, yang terdiri daripada dua medan: nama pengguna dan kata laluan. Untuk memudahkan panggilan AJAX, anda boleh menambah atribut id pada borang.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <form id="login-form"> <label>用户名：</label><input type="text" name="username"><br> <label>密 码：</label><input type="password" name="password"><br> <button type="button" id="login-btn">登录</button> </form> <div id="msg"></div> <script src="js/login.js"></script> </body> </html>
2. Penulisan log masuk.php
log masuk.php digunakan terutamanya untuk memproses permintaan log masuk. Permintaan log masuk perlu menentukan sama ada nama pengguna dan kata laluan adalah betul. Jika ia betul, rentetan dalam format JSON akan dikembalikan untuk menunjukkan log masuk yang berjaya.
<?php
header('Content-Type: application/json');
$data = json_decode(file_get_contents('../data/user.json'), true);
$username = $_POST['username'];
$password = $_POST['password'];
if ($username === $data['username'] && $password === $data['password']) {
$result = array('status' => 1, 'msg' => '登录成功');
} else {
$result = array('status' => 0, 'msg' => '用户名或密码错误');
}
echo json_encode($result);3. Penulisan user.json
user.json menyimpan maklumat nama pengguna dan kata laluan. Fail ini boleh dijana dalam pelbagai cara, seperti ditulis secara manual, dieksport daripada pangkalan data, dsb.
{
"username": "admin",
"password": "123456"
}4. Penulisan login.js
login.js digunakan terutamanya untuk memproses permintaan penyerahan borang log masuk dan menghantar data borang untuk log masuk melalui AJAX .php, hasil log masuk dikembalikan ke halaman melalui fungsi panggil balik.
$(function(){
$('#login-btn').click(function(){
$.ajax({
type: 'POST',
url: 'login.php',
data: $('#login-form').serialize(),
dataType: 'json',
success: function (data) {
if (data.status === 1) {
$('#msg').html(data.msg).css('color', 'green');
} else {
$('#msg').html(data.msg).css('color', 'red');
}
}
});
});
});Dalam kod di atas, mula-mula kita mendapat ID butang log masuk melalui pemilih jQuery, dan kemudian memanggil kaedah AJAX dalam acara klik. Dalam kaedah AJAX, kami mentakrifkan jenis permintaan dan alamat, serta data yang akan dihantar ke login.php, dan menentukan jenis data sebagai JSON.
Dalam fungsi panggil balik, kami melakukan operasi logik berdasarkan data yang dikembalikan. Jika log masuk berjaya, mesej kejayaan dipaparkan, jika tidak, mesej kegagalan dipaparkan.
Pada ketika ini, fungsi pengesahan log masuk asas telah dilaksanakan. Melalui kerjasama AJAX dan JSON, kami boleh mencapai model pembangunan Web yang lebih cekap, menjadikan pengalaman pengguna lebih lancar dan pembangun lebih cekap.
Atas ialah kandungan terperinci Cara menggunakan php+AJAx+json untuk melaksanakan pengesahan log masuk. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1377
52
Panduan Pemasangan dan Naik Taraf PHP 8.4 untuk Ubuntu dan Debian
Dec 24, 2024 pm 04:42 PM
PHP 8.4 membawa beberapa ciri baharu, peningkatan keselamatan dan peningkatan prestasi dengan jumlah penamatan dan penyingkiran ciri yang sihat. Panduan ini menerangkan cara memasang PHP 8.4 atau naik taraf kepada PHP 8.4 pada Ubuntu, Debian, atau terbitan mereka
Tarikh dan Masa CakePHP
Sep 10, 2024 pm 05:27 PM
Untuk bekerja dengan tarikh dan masa dalam cakephp4, kami akan menggunakan kelas FrozenTime yang tersedia.
Bincangkan CakePHP
Sep 10, 2024 pm 05:28 PM
CakePHP ialah rangka kerja sumber terbuka untuk PHP. Ia bertujuan untuk menjadikan pembangunan, penggunaan dan penyelenggaraan aplikasi lebih mudah. CakePHP adalah berdasarkan seni bina seperti MVC yang berkuasa dan mudah difahami. Model, Pandangan dan Pengawal gu
Muat naik Fail CakePHP
Sep 10, 2024 pm 05:27 PM
Untuk mengusahakan muat naik fail, kami akan menggunakan pembantu borang. Di sini, adalah contoh untuk muat naik fail.
Pengesah Mencipta CakePHP
Sep 10, 2024 pm 05:26 PM
Pengesah boleh dibuat dengan menambah dua baris berikut dalam pengawal.
Cara Menyediakan Kod Visual Studio (Kod VS) untuk Pembangunan PHP
Dec 20, 2024 am 11:31 AM
Kod Visual Studio, juga dikenali sebagai Kod VS, ialah editor kod sumber percuma — atau persekitaran pembangunan bersepadu (IDE) — tersedia untuk semua sistem pengendalian utama. Dengan koleksi sambungan yang besar untuk banyak bahasa pengaturcaraan, Kod VS boleh menjadi c
Panduan Ringkas CakePHP
Sep 10, 2024 pm 05:27 PM
CakePHP ialah rangka kerja MVC sumber terbuka. Ia menjadikan pembangunan, penggunaan dan penyelenggaraan aplikasi lebih mudah. CakePHP mempunyai beberapa perpustakaan untuk mengurangkan beban tugas yang paling biasa.
Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP?
Feb 07, 2025 am 11:57 AM
Tutorial ini menunjukkan cara memproses dokumen XML dengan cekap menggunakan PHP. XML (bahasa markup extensible) adalah bahasa markup berasaskan teks yang serba boleh yang direka untuk pembacaan manusia dan parsing mesin. Ia biasanya digunakan untuk penyimpanan data
