Maison > interface Web > js tutoriel > Comment envoyer des données POST avec XMLHttpRequest ?

Comment envoyer des données POST avec XMLHttpRequest ?

Patricia Arquette
Libérer: 2025-01-02 14:27:38
original
355 Les gens l'ont consulté

How to Send POST Data with XMLHttpRequest?

Comment soumettre des données POST à ​​l'aide de XMLHttpRequest

Dans les scénarios où une application doit soumettre des données au serveur, on peut utiliser XMLHttpRequest pour envoyer des données POST.

Dans le code HTML fourni, les données sont encapsulées dans des champs de formulaire masqués. Pour refléter ce comportement à l'aide de XMLHttpRequest en JavaScript, procédez comme suit :

  1. Créez un objet XMLHttpRequest :

    var http = new XMLHttpRequest();
    Copier après la connexion
  2. Définissez la méthode de requête et URL :

    var url = 'get_data.php';
    http.open('POST', url, true);
    Copier après la connexion
  3. Définir les en-têtes de requête :

    http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
    Copier après la connexion
  4. Définir l'écouteur d'événements pour l'état prêt modifications :

    http.onreadystatechange = function() {//Call a function when the state changes.
     if(http.readyState == 4 && http.status == 200) {
         alert(http.responseText);
     }
    }
    Copier après la connexion
  5. Envoyer les données :

    http.send(params);
    Copier après la connexion

Pour les cas où les données est stocké dans un objet, transformez-le dans un format codé en URL à l'aide de l'extrait de code fourni.

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal