Maison >développement back-end >tutoriel php >Comment récupérer et afficher les données de réponse PHP à l'aide d'AJAX ?

Comment récupérer et afficher les données de réponse PHP à l'aide d'AJAX ?

DDD
DDDoriginal
2024-10-28 03:31:30698parcourir

How Do I Retrieve and Display PHP Response Data Using AJAX?

Récupérer la réponse PHP via AJAX

Dans votre requête AJAX, vous essayez de récupérer une réponse en écho à partir d'un fichier PHP ( process.php). Comprendre comment capturer et utiliser cette réponse peut être crucial.

Pour commencer, examinons l'extrait de code que vous avez fourni :

<code class="javascript">$.ajax({
    type: "POST",
    url: "process.php",
    data: somedata;
    success: function(){
        //echo what the server sent back...
    }
});</code>

Dans la fonction de réussite, vous devez capturer les données renvoyées. par process.php. Ces données peuvent être écrites directement dans la propriété innerHTML d'un élément. Voici une version mise à jour du code :

<code class="javascript">$.ajax({
    type: "POST",
    url: "process.php",
    data: somedata;
    success: function(data){
        $('#result').html(data);
    }
});</code>

Maintenant, dans process.php, vous pouvez faire écho à une simple réponse sous forme de chaîne, telle que :

<code class="php"><?php echo 'apple'; ?></code>

Concernant votre question sur JSON, du texte brut suffira dans ce scénario. JSON est principalement utilisé lors de la préparation des données pour des requêtes asynchrones, comme dans le cas des API RESTful.

Enfin, pour nommer la requête POST, vous pouvez utiliser le paramètre data :

<code class="javascript">var formData = new FormData();
formData.append('name', 'John Doe');

$.ajax({
    type: "POST",
    url: "process.php",
    data: formData;
    success: function(data){
        $('#result').html(data);
    }
});</code>

Dans cet exemple, « nom » est le nom de la requête POST.

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!

Déclaration:
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