Primero, compartí con usted el código AJAX de implementación de JavaScript nativo para su referencia. El contenido específico es el siguiente
var getxmlhttprequest = function () {if (window.xmlhttprequest) {// Los navegadores principales proporcionan xmlhttprequest objeto return nuevo xmlhttprequest (); } else if (window.activexObject) {// La versión inferior del navegador IE no proporciona el objeto xmlhttprequest //, por lo que debe usar la implementación específica del navegador IE ActiveXObject return New ActiveXObject ("Microsoft.xmlhttprequest"); }}; var xhr = getxmlhttprequest (); xhr.onreadyStateChange = function () {console.log (xhr.readyState); if (xhr.readyState === 3 && xhr.status === 200) {// Ejecutar la operación después de la adquisición exitosa // Los datos están en XHR.Responsetext Console.log (xhr.ResponseText); }}; xhr.open ("get", "data.php", true); xhr.send ("");A continuación compartiré con ustedes varias formas de implementar AJAX nativo usando JavaScript.
Antes de implementar AJAX, debe crear un objeto xmlhttprequest. Si el navegador que crea este objeto no es compatible, debe crear un ActiveXObject. El método específico es el siguiente:
var xmlhttp; function createExmlHttpRequest () {if (window.activexObject) {xmlhttp = new ActiveXObject ("Microsoft.xmlhttp"); } else if (window.xmlhttprequest) {xmlhttp = new xmlhttprequest (); }(1) Lo siguiente usa el XMLHTTP creado anteriormente para implementar la solicitud AJAX AJAX Get:
Función Doget (URL) {// Tenga en cuenta que al pasar los valores de los parámetros, es mejor usar Encodeuri para manejarlo, en el caso de Code GlockMlHttPrequest (); xmlhttp.open ("get", url); xmlhttp.send (nulo); xmlhttp.onreadyStateChange = function () {if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {alerta ('éxito'); } else {alerta ('fail'); }}}(2) Use el XMLHTTP creado anteriormente para implementar la solicitud de publicación de AJAX más simple:
function dopost (url, data) {// Tenga en cuenta que al pasar los valores de los parámetros, es mejor usar Codeuri para manejarlo, en el caso de código de enmienda createExmlhttprequest (); xmlhttp.open ("post", url); xmlhttp.setRequestHeader ("Content-type", "Application/x-www-form-urlencoded"); xmlhttp.send (datos); xmlhttp.onreadyStateChange = function () {if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {alerta ('éxito'); } else {alerta ('fail'); }}}Lo anterior se trata de este artículo, espero que sea útil para el aprendizaje de todos.