Rumah > Artikel > pembangunan bahagian belakang > Langkah pelaksanaan pautan tiga peringkat PHP
Langkah pelaksanaan pautan tiga peringkat PHP
- 王林asal
- 2023-05-24 15:45:37842semak imbas
Langkah-langkah untuk melaksanakan pautan tiga peringkat PHP
Dengan pembangunan Internet, pembangunan Web telah menjadi bahagian penting dalam industri IT. Sebagai alat penting untuk pembangunan web, PHP mempunyai rangkaian aplikasi yang semakin luas. Dalam pembangunan web, kawalan borang pautan tiga peringkat sangat berguna dalam beberapa majlis khas, seperti pemilihan alamat wilayah dan perbandaran, jenama, model, pemilihan versi, dsb. Dalam artikel ini, kami akan memperkenalkan secara ringkas langkah-langkah untuk melaksanakan pautan tiga peringkat PHP.
1. Apakah kawalan pautan tiga peringkat? pilih wilayah, dan kemudian Pilih wilayah, kemudian pilih bandar, dan akhirnya pilih daerah atau daerah berdasarkan pilihan bandar. Kawalan pautan tiga peringkat ini sangat berguna dalam beberapa majlis khas.
Teknologi untuk merealisasikan hubungan peringkat kedua dan ketiga
Terdapat banyak teknologi untuk merealisasikan hubungan peringkat ketiga, yang biasa termasuk Ajax, jQuery, Vue.js, dll. Kami tidak memperkenalkan teknologi ini di sini, tetapi memperkenalkan kaedah pelaksanaan PHP yang mudah dan mudah digunakan.
Langkah pelaksanaan pautan ketiga dan tiga peringkat
Mari perkenalkan secara ringkas langkah-langkah untuk mencapai pautan tiga peringkat.
1. Tulis halaman HTML
Mula-mula kita perlu menulis halaman HTML yang mengandungi kotak lungsur untuk wilayah, bandar dan daerah. Seperti yang ditunjukkan di bawah:
<!DOCTYPE html>
<html>
<head>
<title>三级联动控件</title>
<meta charset="UTF-8">
</head>
<body>
<select id="province" name="province">
<option value="0">请选择省份</option>
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">广东</option>
<!-- 其他省份省略 -->
</select>
<br><br>
<select id="city" name="city">
<option value="0">请选择城市</option>
</select>
<br><br>
<select id="district" name="district">
<option value="0">请选择县区</option>
</select>
<br><br>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</body>
</html>2. Tulis kod JavaScript
Seterusnya kami menulis fail JavaScript untuk mengendalikan acara pautan tiga peringkat. Seperti yang ditunjukkan di bawah:
$(function(){
// 省份下拉框改变事件
$('#province').change(function(){
var pid = $(this).val(); // 获取选中的省份id
if(pid == 0){ // 如果省份id为0，则清空城市下拉框和县区下拉框
$('#city').empty().append('<option value="0">请选择城市</option>');
$('#district').empty().append('<option value="0">请选择县区</option>');
return;
}
$.ajax({
type: 'post',
url: 'get_city.php', // 服务器处理程序，可根据需要修改
data: {pid:pid},
dataType: 'json',
success: function(citys){
$('#city').empty().append('<option value="0">请选择城市</option>');
$('#district').empty().append('<option value="0">请选择县区</option>');
$.each(citys, function(i, city){
$('#city').append('<option value="'+city.id+'">'+city.name+'</option>');
});
}
});
});
// 城市下拉框改变事件
$('#city').change(function(){
var cid = $(this).val(); // 获取选中的城市id
if(cid == 0){ // 如果城市id为0，则清空县区下拉框
$('#district').empty().append('<option value="0">请选择县区</option>');
return;
}
$.ajax({
type: 'post',
url: 'get_district.php', // 服务器处理程序，可根据需要修改
data: {cid:cid},
dataType: 'json',
success: function(districts){
$('#district').empty().append('<option value="0">请选择县区</option>');
$.each(districts, function(i, district){
$('#district').append('<option value="'+district.id+'">'+district.name+'</option>');
});
}
});
});
});3 Tulis pengendali bahagian pelayan
Akhir sekali, kami juga perlu menulis pengendali bahagian pelayan untuk menanyakan data bandar dan daerah. Seperti yang ditunjukkan di bawah:
get_city.php
<?php
header('Content-Type: application/json;charset=utf-8');
$pid = $_POST['pid'];
if(empty($pid)){
echo json_encode([]);
exit;
}
// 连接数据库查询城市数据
$conn = new mysqli('localhost', 'root', '123456', 'test');
if(mysqli_connect_errno()){
echo json_encode([]);
exit;
}
$conn->set_charset('utf8');
$sql = "select * from city where pid=".$pid;
$result = $conn->query($sql);
$citys = [];
while($row = $result->fetch_assoc()){
$citys[] = $row;
}
echo json_encode($citys);
exit;
?>get_district.php
<?php
header('Content-Type: application/json;charset=utf-8');
$cid = $_POST['cid'];
if(empty($cid)){
echo json_encode([]);
exit;
}
// 连接数据库查询县区数据
$conn = new mysqli('localhost', 'root', '123456', 'test');
if(mysqli_connect_errno()){
echo json_encode([]);
exit;
}
$conn->set_charset('utf8');
$sql = "select * from district where cid=".$cid;
$result = $conn->query($sql);
$districts = [];
while($row = $result->fetch_assoc()){
$districts[] = $row;
}
echo json_encode($districts);
exit;
?>4. Ringkasan
Dalam artikel ini, kami memperkenalkan pautan tiga peringkat PHP langkah pelaksanaan. Dengan melaksanakan fungsi ini, kami boleh membina pemilih pautan tiga peringkat untuk kawasan bandar, menjadikannya lebih mudah dan lebih pantas untuk pengguna memilih alamat. Menggunakan teknologi PHP untuk melaksanakan kawalan pautan tiga peringkat memerlukan kerjasama bahagian hadapan dan belakang bahagian hadapan terutamanya melaksanakan fungsi paparan halaman dan pemprosesan acara, manakala bahagian belakang bertanggungjawab terutamanya untuk menyoal pangkalan data untuk mendapatkan data. Kaedah yang diperkenalkan dalam artikel ini hanyalah salah satu kaedah pelaksanaan, dan pembaca boleh menambah baik dan mengoptimumkannya mengikut keperluan.
Atas ialah kandungan terperinci Langkah pelaksanaan pautan tiga peringkat PHP. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!