Création Ajax et publication et réception de demandes

Cette fois, je vais vous présenter la création et les demandes de publication et d'obtention Ajax. Quelles sont les précautions à prendre pour la création et l'utilisation d'Ajax des demandes de publication et d'obtention ? Ce qui suit est un cas pratique, jetons un coup d'œil.

Le processus de création d'AJAX :

XMLHttpRequest est la base d'AJAX et sert à échanger des données avec le serveur en arrière-plan, ce qui signifie que certaines parties de la page Web peuvent être modifiées sans rechargement la page Web entière Partiellement mise à jour.

1. Créez un objet XMLHTTPRequest :

(兼容处理)var xhr = null;//前面必须添加window否则报错(不能拿一个不存在的对象作为判断条件)if(window.XMLHttpRequest) { 
    xhr = new XMLHttpRequest();
} else {

xhr = new ActiveXObject('Microsoft.XMLHTTP');
} 2. Créez un appel au serveur

xhr.open(method, url， async);
method: 请求数据类型(get, post, options, head, put, delete, trace， connect)

demande d'obtention :

xhr.send()

demande de publication :

xhr.setRequestHeader("Content type", "application/x-www-form-urlencoded"); 
//向请求添加HTTP头xhr.send("fname=Bill&lname=Gates");

GET ou POST ?

Par rapport à POST, GET est plus simple et plus rapide, et Fonctionne dans la plupart des situations.

Veuillez toutefois utiliser les requêtes POST dans les situations suivantes :

Les fichiers cache ne peuvent pas être utilisés (mise à jour de fichiers ou de bases de données sur le serveur)

Envoi de grandes quantités de données. au serveur (POST n'a pas de limite de taille de données)

Lors de l'envoi d'une entrée utilisateur contenant des caractères inconnus, POST est plus stable et fiable que GET

url : l'emplacement du fichier sur le serveur

async : vrai (asynchrone) ou faux (synchrone)

Synchronisation : fait référence à l'envoi des données, en attendant la réponse avant d'envoyer le prochain paquet de données

Explication : Soumettez la demande-> Attendez le traitement du serveur -> Après le traitement et le retour, le navigateur client ne peut rien faire pendant cette période, il ne peut faire qu'une seule chose pour le moment, et les autres doivent attendre que l'opération en cours soit effectuée ; terminé avant de continuer.

Asynchrone : fait référence à l'émission. Une fois les données reçues, il n'est pas nécessaire d'attendre la réception d'une réponse, puis le prochain paquet de données est envoyé

Explication : Soumettez la demande -> Attendez que le serveur traite (le navigateur peut encore faire autre chose à ce moment) -> Sans enthousiasme, vous pouvez faire plusieurs choses en même temps

I Je crois que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment éviter les fonctionnalités et les inférences du navigateur dans JS

Annotations Polyfill et empêcher les modifications dans JS Utilisation

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!