Maison > développement back-end > tutoriel php > Pourquoi mon tableau Javascript n'est-il pas envoyé à PHP via POST ?

Pourquoi mon tableau Javascript n'est-il pas envoyé à PHP via POST ?

DDD
Libérer: 2024-10-28 04:56:30
original
592 Les gens l'ont consulté

Why is My Javascript Array Not Being Sent to PHP via POST?

Javascript POST ne fonctionne pas : transmission d'un tableau Javascript vers PHP

Dans cet article, nous aborderons la difficulté rencontrée lors de la tentative d'envoi d'un Javascript tableau dans un script PHP à l'aide de la méthode POST.

L'utilisateur utilise une fonction Javascript pour POST un tableau dans un script PHP :

<code class="js">function sendToPHP() {
  $.post("index.php", { "variable": toSearchArray });
}</code>
Copier après la connexion

Dans le script PHP, il tente de recevoir et imprimez le tableau :

<code class="php"><?php
  $myval = $_POST['variable'];
  print_r ($myval);
?></code>
Copier après la connexion

Malgré ces efforts, le tableau n'est pas transmis avec succès. Un coupable potentiel à prendre en compte est une idée fausse sur le fonctionnement d'AJAX.

AJAX, facilité par jQuery, n'est pas un processus automatique. Cela nécessite une mise en œuvre structurée. Un flux de travail typique implique :

  1. Lancer l'appel AJAX à partir d'un script client (par exemple, Javascript).
  2. Envoyer les données à un script côté serveur (par exemple, PHP).
  3. Recevoir et traiter la réponse du serveur.

Dans le code fourni, il manque au script client la dernière étape : traiter la réponse du serveur. Le script PHP, dans ce cas, imprime simplement le tableau. Pour afficher le tableau côté client, la réponse doit être traitée et affichée dans un élément approprié, tel qu'un div.

Voici un exemple de la façon d'implémenter cette étape à l'aide de jQuery :

<code class="js">$(document).ready(function() {
  $('#btn').click(function() {
    // Get the value from the input field
    var txt = $('#txt').val();

    // If the input field is empty, display an error
    if (txt == "") {
      alert("Enter some text");
    } else {
      // Send the text to the server
      $.post('catcher.php', { 'text': txt }, function(data) {
        // The response is now available in the 'data' variable
        // Update the UI with the response
        $('#response').text(data.message);
      }, 'json');
    }
  });
});</code>
Copier après la connexion

Dans cet exemple, la réponse du serveur est traitée dans la fonction de rappel de la méthode $.post(), où la propriété message de l'objet de données est affichée dans le div de réponse.

Il Il est important de noter que même si cet exemple utilise du texte comme données envoyées, la même approche peut être appliquée à l'envoi de tableaux. L'étape clé est de s'assurer que la réponse du serveur est traitée et affichée de manière appropriée côté client.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal