Langkah pelaksanaan pautan tiga peringkat PHP-masalah PHP-php.cn

Langkah pelaksanaan pautan tiga peringkat PHP

王林

Lepaskan： 2023-05-24 15:45:37

asal

790 orang telah melayarinya

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>

Salin selepas log masuk

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>');
                });
            }
        });
    });
});

Salin selepas log masuk

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;
?>

Salin selepas log masuk

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;
?>

Salin selepas log masuk

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!