Comment puis-je passer des appels AJAX en utilisant JavaScript et jQuery ?

Effectuer des appels AJAX en JavaScript

Bien que jQuery simplifie les opérations AJAX, il est possible d'effectuer des appels AJAX en utilisant du JavaScript simple. Voici comment :

JavaScript Vanilla :

function loadXMLDoc() {
    const xmlhttp = new XMLHttpRequest();

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState === XMLHttpRequest.DONE) {
            if (xmlhttp.status === 200) {
                document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
            } else if (xmlhttp.status === 400) {
                alert('There was an error 400');
            } else {
                alert('Something else other than 200 was returned');
            }
        }
    };

    xmlhttp.open("GET", "ajax_info.txt", true);
    xmlhttp.send();
}

jQuery :

$.ajax({
    url: "test.html",
    context: document.body,
    success: function() {
        $(this).addClass("done");
    }
});

En utilisant la méthode JavaScript Vanilla , vous pouvez effectuer des appels AJAX directement, offrant une flexibilité et permettant la manipulation de la réponse sans compter sur jQuery.

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!