Tout d'abord, j'ai partagé avec vous le code AJAX d'implémentation JavaScript natif pour votre référence. Le contenu spécifique est le suivant
var getXmlhttpRequest = function () {if (window.xmlhttprequest) {// Les navigateurs traditionnels fournissent un objet xmlhttpRequest renvoie nouveau xmlHttpRequest (); } else if (window.activexObject) {// La version inférieure du navigateur IE ne fournit pas d'objet XMLHTTPRequest // vous devez donc utiliser l'implémentation spécifique du navigateur IE ActiveXObject return new activeXObject ("Microsoft.xmlhttprequest"); }}; var xhr = getxmlhttprequest (); xhr.onreadystateChange = function () {console.log (xhr.readystate); if (xhr.readystate === 3 && xhr.status === 200) {// Exécuter l'opération après une acquisition réussie // Les données sont dans xhr.ResponSext Console.log (xhr.ResponSeText); }}; xhr.open ("get", "data.php", true); xhr.send ("");Ci-dessous, je partagerai avec vous plusieurs façons d'implémenter Ajax natif à l'aide de JavaScript.
Avant d'implémenter AJAX, vous devez créer un objet XMLHTTPRequest. Si le navigateur qui crée cet objet n'est pas pris en charge, vous devez créer un activexObject. La méthode spécifique est la suivante:
var xmlhttp; Fonction CreateExmlHttpRequest () {if (window.activexObject) {xmlhttp = new activeXObject ("Microsoft.xmlHttp"); } else if (window.xmlhttprequest) {xmlhttp = new xmlhttprequest (); }(1) Le suivant utilise le XMLHTTP créé ci-dessus pour implémenter la demande de GET AJAX la plus simple:
fonction doget (url) {// Notez que lors de la réussite des valeurs des paramètres, il est préférable d'utiliser Encodeuri pour le gérer, en cas de code brouillé CreateExmlHttpRequest (); xmlhttp.open ("get", URL); xmlhttp.send (null); xmlhttp.onreadystateChange = function () {if ((xmlhttp.readystate == 4) && (xmlhttp.status == 200)) {alert ('success'); } else {alert ('fail'); }}}(2) Utilisez le XMLHTTP créé ci-dessus pour implémenter la demande de post AJAX la plus simple:
Fonction doPost (URL, data) {// Notez que lors du passage des valeurs de paramètres, il est préférable d'utiliser Encodeuri pour le gérer, en cas de code brouillé CreateExmlHttpRequest (); xmlhttp.open ("Post", URL); xmlhttp.setRequestHeader ("contenu-type", "application / x-www-form-urlencoded"); xmlhttp.send (data); xmlhttp.onreadystateChange = function () {if ((xmlhttp.readystate == 4) && (xmlhttp.status == 200)) {alert ('success'); } else {alert ('fail'); }}}Ce qui précède concerne cet article, j'espère qu'il sera utile à l'apprentissage de tout le monde.