Código de ejemplo que usa JS nativo para simplemente encapsular AJAX

Primero, necesitamos el objeto XHR. Esto no es difícil para nosotros, encapsulándolo en una función.

 var createAdax = function () {var xhr = null; Pruebe {// IE Serie Browser xhr = new ActiveXObject ("Microsoft.xmlhttp"); } catch (e1) {try {// no II navegador xhr = new xmlhttprequest (); } catch (e2) {window.alert ("Su navegador no admite Ajax, por favor reemplace!"); }} return xhr;};

Entonces, escribamos la función central.

 var ajax = function (conf) {// Inicializar // Tipo de parámetro, opcional var tipo = conf.type; // Parámetro URL, requerido var url = conf.url; // El parámetro de datos es opcional, solo var data = conf.data; // El parámetro de DataType es opcional var dataType = conf.datatype; // La función de devolución de llamada es opcional var éxito = conf.success; if (type == null) {// type el parámetro es opcional, predeterminado es get type = "get"; } if (datatype == null) {// El parámetro del tipo de datos es opcional, el valor predeterminado es text datatype = "text"; } // Crear objeto de motor Ajax var xhr = createAdax (); // abrir xhr.open (tipo, url, verdadero); // enviar if (type == "get" || type == "get") {xhr.send (nulo); } else if (type == "post" || type == "post") {xhr.setRequestHeader ("Content-type", "Application/x-www-form-urlencoded"); XHR.SEND (datos); } xhr.onreadyStateChange = function () {if (xhr.readyState == 4 && xhr.status == 200) {if (datatype == "text" || datatype == "text") {if (strace! = null) {// still de texto normal (xhr.resextext); }} else if (dataType == "xml" || dataType == "xml") {if (strace! = null) {// recibe el éxito del documento xml (xhr.Responsexml); }} else if (dataType == "json" || dataType == "json") {if (strace! = null) {// convertir la cadena json a js objeto éxito (eval ("("+xhr.ResponseText+")")); }}}}}};};

Finalmente, expliquemos el uso de esta función.

 AJAX ({Tipo: "Post", URL: "Test.jsp", Data: "Name = DiPoo & Info = Good", DataType: "Json", Success: Function (Data) {Alert (Data.name);}});

El código de ejemplo anterior que usa JS nativo para simplemente encapsular AJAX es todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.