Que dois-je faire si PHP ne saute pas à la page lors de la soumission d'un message ?

Avec le développement d'Internet, de plus en plus de sites Web doivent soumettre les données des utilisateurs via des formulaires. Parmi eux, PHP, en tant que langage de programmation côté serveur largement utilisé, est très adapté au traitement des données de formulaire. En PHP, les données du formulaire peuvent être transmises via la méthode POST. Normalement, POST passera à d'autres pages après la soumission, mais parfois nous espérons qu'après la soumission des données du formulaire, la page ne sautera pas et que les résultats de la soumission seront affichés sur la même page. Cet article explique comment implémenter la soumission PHP des requêtes POST sans accéder à la page.

1. Utilisez la technologie AJAX

AJAX est l'abréviation de Asynchronous JavaScript and XML (asynchronous JavaScript and XML). C'est une technologie qui obtient des données du serveur via l'arrière-plan JavaScript sans actualiser la page entière. Par conséquent, les données du formulaire peuvent être soumises sans actualiser la page à l'aide de la technologie AJAX.

Tout d'abord, vous devez introduire la bibliothèque jQuery dans le code HTML. jQuery est une bibliothèque JavaScript légère qui simplifie grandement la programmation JavaScript.

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

Ajoutez un attribut ID à la balise form pour manipuler le formulaire dans jQuery.

<form id="myForm" action="submit.php" method="post">
  <!-- 表单元素 -->
</form>

Utilisez la méthode $.post() de jQuery en JavaScript pour soumettre les données du formulaire. L'exemple de code est le suivant : la méthode

$(function(){
  $('#myForm').submit(function(event){
    event.preventDefault(); // 阻止表单默认提交
    $.post('submit.php', $(this).serialize(), function(response){
      // 处理服务器返回的响应数据
    });
  });
});

$.post() reçoit trois paramètres : l'URL à soumettre, les données à soumettre et la fonction de rappel en cas de succès. Parmi eux, la méthode $(this).serialize() peut sérialiser les données du formulaire en une chaîne pour une transmission facile.

Dans les fichiers PHP (tels que submit.php), utilisez le tableau super global $_POST pour recevoir les données du formulaire et renvoyez-les au client après traitement. L'exemple de code est le suivant :

<?php
// 处理表单数据
$response = array("status" => 1, "message" => "提交成功");
echo json_encode($response); // 将响应数据转换为 JSON 格式返回给客户端
?>

2. Implémentation à l'aide d'iframe

La méthode d'utilisation d'iframe est relativement simple. Vous pouvez créer une iframe cachée lors de la soumission du formulaire et soumettre les données du formulaire à l'iframe. Étant donné que les données du formulaire sont soumises dans une iframe, cela ne modifie pas l'URL de la page actuelle. Enfin, les données de réponse dans l'iframe peuvent être obtenues via JS et affichées dans la page actuelle.

Le code HTML est le suivant :

<form id="myForm" target="iframe" action="submit.php" method="post">
  <!-- 表单元素 -->
  <input type="submit" value="提交">
</form>
<iframe name="iframe" style="display:none;"></iframe>

Parmi eux, l'attribut target du formulaire précise la fenêtre ou le frame à soumettre. Puisque nous voulons obtenir une page non sautante, nous spécifions la cible comme une iframe cachée.

Traitez les données du formulaire dans submit.php et renvoyez les données de réponse à l'iframe :

<?php
// 处理表单数据
$response = array("status" => 1, "message" => "提交成功");
echo "<script>parent.postMessage('" . json_encode($response) . "', '*');</script>"; // 将响应数据传递给父页面
?>

Écoutez l'événement de chargement de l'iframe via JS dans la page parent et obtenez les données de réponse dans l'iframe :

$(function(){
  $('#iframe').on('load', function(){
    var response = $(this).contents().find('body').html();
    // 处理服务器返回的响应数据
  });
});

Résumé

Cet article présente Deux façons d'implémenter la soumission PHP de requêtes POST sans sauter la page : utiliser la technologie AJAX et utiliser iframe. Les deux méthodes ont leurs propres avantages et inconvénients et peuvent être choisies en fonction de besoins spécifiques.

L'utilisation de la technologie AJAX peut éviter au maximum l'actualisation des pages et le processus de fonctionnement sera plus fluide. Cependant, certaines connaissances de base de JavaScript et une familiarité avec la bibliothèque jQuery sont requises.

L'utilisation de la technologie iframe est plus facile à mettre en œuvre, mais vous devez créer une iframe supplémentaire et traiter les données de réponse dans l'iframe.

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!