Maison > Article > développement back-end > Comment puis-je recevoir et traiter correctement un tableau JavaScript envoyé via POST à un script PHP ?
Comment puis-je recevoir et traiter correctement un tableau JavaScript envoyé via POST à un script PHP ?
- Patricia Arquetteoriginal
- 2024-10-28 04:48:30485parcourir
Envoi d'un tableau Javascript vers PHP
Lorsque vous essayez d'envoyer un tableau de JavaScript vers PHP à l'aide de POST, il est essentiel de comprendre comment JavaScript et XML (AJAX) fonctionne.
Pour POST un tableau, vous pouvez utiliser le code JavaScript suivant :
<code class="javascript">function sendToPHP() {
$.post("index.php", { "variable": toSearchArray });
}</code>
Cependant, côté PHP, il faudra éviter d'utiliser $_POST['variable '] directement pour accéder au tableau. Au lieu de cela, créez une fonction PHP personnalisée pour recevoir et traiter le tableau :
<code class="php"><?php
function receiveArray() {
if (!empty($_POST['variable'])) {
$myval = json_decode($_POST['variable'], true);
print_r($myval);
}
}
?></code>
Cette fonction décodera le tableau codé en JSON et le rendra accessible dans la variable $myval.
Gestion du POST en PHP
Il est important de créer une fonction en PHP pour gérer la requête POST. Cela garantit que le code PHP n'est exécuté que lorsque cela est nécessaire.
<code class="php"><?php
if (!empty($_POST)) {
receiveArray();
}
?></code>
La fonction recevoirArray() gérera désormais la requête POST et fera écho au tableau.
Utilisation de PHP et Fichiers HTML
Pour plus de clarté et de maintenance, il est recommandé de séparer le code PHP et HTML dans des fichiers différents.
Fichier PHP :
<code class="php"><?php
function receiveArray() {
// Handle the POST request and echo the array
}
?></code> Fichier HTML :
<code class="html"><html>
<head>
<script src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#btn').click(function() {
$.post('phpfile.php', { "variable": toSearchArray });
});
});
</script>
</head>
<body>
<input type="text" id="txt">
<input type="button" id="btn">
<pre id="response">