Quel est le modèle d'interaction d'ajax

Le modèle d'interaction d'ajax est le suivant : 1. L'utilisateur émet une requête asynchrone ; 2. Utilisez onReadyStateChange pour surveiller ; 3. Créez une requête, utilisez la méthode open pour spécifier si elle est get ou post, si elle est asynchrone et l'URL. adresse; 4. Envoyer la demande; 5. Accepter le résultat Et analyser 6. Mettre en œuvre l'actualisation.

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Le nom complet d'Ajax : Asynchronous javascript et xml, est une technologie de développement Web permettant de créer des applications Web interactives.

modèle d'interaction ajax

1. L'utilisateur émet une requête asynchrone

2. Utilisez onReadyStateChange pour surveiller

3. Créez une requête, utilisez la méthode open pour spécifier si elle est get ou post, si elle est asynchrone , l'adresse url

4. Envoyer une requête , envoyer la méthode

5. Accepter les résultats et analyser

6. Implémenter l'actualisation

Différence asynchrone synchrone :

Synchrone : le script restera et attendra le serveur pour envoyer une réponse avant de continuer

Asynchrone : le script permet à la page de continuer son processus Et de gérer les réponses possibles

var xhr = new XMLHttpRequest();
xhr.open('请求方式GET或者POST或者其他', 请求地址url, 是否开启异步async);
xhr.onreadystatechange = function() {
    // readyState == 4说明请求已完成
    if (xhr.readyState == 4 && xhr.status == 200) {
        console.log(xhr.responseText);
    }
}
if (method == 'POST') {
    //给指定的HTTP请求头赋值
    xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
}
xhr.send()

【Recommandations de tutoriel associées : Tutoriel vidéo AJAX】

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!