Une brève analyse de la façon d'implémenter la fonction de clic sur un bouton pour enregistrer les conditions de requête en PHP-Problème PHP-php.cn

Une brève analyse de la façon d'implémenter la fonction de clic sur un bouton pour enregistrer les conditions de requête en PHP

PHPz

Libérer： 2023-04-04 16:26:01

original

723 Les gens l'ont consulté

Dans la page de recherche du site Web, nous devons souvent implémenter la fonction consistant à cliquer sur le bouton pour enregistrer les conditions de requête. En tant que langage de programmation, PHP peut facilement implémenter cette fonction. Dans cet article, nous présenterons comment implémenter la fonction de clic sur un bouton pour enregistrer les conditions de requête en PHP.

1. Description du problème

Dans les pages de recherche de nombreux sites Web, nous pouvons voir certains boutons, tels que le bouton "Enregistrer les conditions de requête". La fonction de ce bouton est de sauvegarder les conditions de recherche actuelles afin que lors d'une nouvelle recherche ultérieure, ces conditions puissent être chargées directement sans avoir à les saisir à nouveau.

2. Solution

Il existe de nombreuses façons d'implémenter cette fonction, mais dans cet article, nous utiliserons une session PHP pour y parvenir. La session est une technologie qui stocke les informations côté serveur. Vous pouvez obtenir un stockage persistant des données utilisateur en définissant des variables de session. Lorsque l'utilisateur ferme le navigateur, la session sera automatiquement détruite. Voyons comment utiliser la session PHP pour réaliser la fonction consistant à cliquer sur un bouton pour enregistrer les conditions de requête.

Créer une page de recherche

Tout d'abord, nous devons créer une page de recherche, comprenant certaines conditions de recherche et un bouton "Enregistrer les conditions de requête", comme indiqué ci-dessous :

<html>
<head>
    <title>搜索页面</title>
</head>
<body>
    <form method="get" action="result.php">
        <label>关键字：</label>
        <input type="text" name="keyword"><br>
        <label>日期：</label>
        <input type="date" name="date"><br>
        <label>类型：</label>
        <select name="type">
            <option value="1">新闻</option>
            <option value="2">论文</option>
            <option value="3">博客</option>
        </select><br>
        <input type="submit" value="搜索">
        <input type="button" value="保存查询条件" onclick="saveSearch()">
    </form>
</body>
</html>

Copier après la connexion

Dans cette page, nous utilisons la balise de formulaire HTML Pour créer un formulaire de recherche et utiliser certains éléments HTML pour saisir les conditions de recherche. Notez que dans la dernière balise d'entrée, nous définissons un événement onclick Lorsque l'utilisateur clique sur le bouton "Enregistrer les conditions de requête", cet événement déclenchera une fonction JavaScript saveSearch().

Fonction d'écriture JavaScript

Dans l'étape précédente, nous avons configuré l'événement onclick, qui déclenchera une fonction JavaScript saveSearch(). Implémentons cette fonction. La fonction de cette fonction est de sauvegarder les conditions de recherche actuelles dans la session PHP.

<script>
function saveSearch() {
    var keyword = document.getElementsByName("keyword")[0].value;
    var date = document.getElementsByName("date")[0].value;
    var type = document.getElementsByName("type")[0].value;
    var search = {"keyword": keyword, "date": date, "type": type};
    var searchStr = JSON.stringify(search);
    sessionStorage.setItem("search", searchStr);
}
</script>

Copier après la connexion

Dans cette fonction, nous récupérons d'abord les termes de recherche saisis par l'utilisateur, puis les enregistrons dans une recherche d'objet JavaScript. Ensuite, nous utilisons JSON.stringify pour convertir cet objet en chaîne JSON et l'enregistrer dans la session PHP sous le nom « search ».

Chargement des conditions de recherche

Lorsque l'utilisateur effectue une nouvelle recherche, nous devons charger les conditions de recherche précédemment enregistrées à partir de la session PHP. Nous pouvons ajouter un morceau de code PHP à la page des résultats de recherche pour charger ces conditions :

<?php
session_start();
if (isset($_SESSION[&#39;search&#39;])) {
    $search = json_decode($_SESSION[&#39;search&#39;], true);
    $keyword = $search[&#39;keyword&#39;];
    $date = $search[&#39;date&#39;];
    $type = $search[&#39;type&#39;];
}
?>

Copier après la connexion

Dans ce code, nous appelons d'abord la fonction session_start() pour ouvrir la session, puis déterminons si $_SESSION['search'] existe . Si elle existe, cela signifie que les conditions de recherche ont déjà été enregistrées. Nous utilisons json_decode pour convertir la chaîne JSON enregistrée en un tableau PHP et en extraire les mots-clés, la date et le type. Ces valeurs peuvent être utilisées pour initialiser la saisie et sélectionner des cases dans les formulaires de recherche.

Utilisation des critères de recherche chargés

Enfin, nous devons utiliser les critères de recherche chargés pour effectuer l'opération de recherche. On peut ajouter une fonction JavaScript initSearch() dans la balise form de la page de recherche pour initialiser les conditions de recherche :

<script>
function initSearch() {
    <?php
    if (isset($keyword)) {
        echo "document.getElementsByName(&#39;keyword&#39;)[0].value = &#39;$keyword&#39;;";
    }
    if (isset($date)) {
        echo "document.getElementsByName(&#39;date&#39;)[0].value = &#39;$date&#39;;";
    }
    if (isset($type)) {
        echo "document.getElementsByName(&#39;type&#39;)[0].value = &#39;$type&#39;;";
    }
    ?>
}
</script>

Copier après la connexion

Cette fonction sera exécutée au chargement de la page et attribuera la valeur des conditions de recherche aux zones de saisie correspondantes et boîtes de sélection. Il suffit d'ajouter un événement onload dans la balise form :

<form method="get" action="result.php" onload="initSearch()">

Copier après la connexion

De cette façon, lorsque l'utilisateur accède à la page de recherche, si les conditions de recherche ont été enregistrées auparavant, ces conditions seront initialisées aux zones de saisie et de sélection correspondantes , et l'utilisateur Vous pouvez les utiliser directement pour les opérations de recherche.

3. Résumé

Cet article explique comment enregistrer les conditions de recherche via une session PHP et charger les conditions enregistrées directement lors de la prochaine recherche afin que les utilisateurs puissent effectuer rapidement des opérations de recherche. Cette fonction est très utile pour l’expérience de recherche des utilisateurs, en réduisant le nombre de saisies utilisateur et en améliorant la satisfaction des utilisateurs.

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!