Erstens brauchen wir das XHR -Objekt. Dies ist für uns nicht schwierig und verkörpert es in eine Funktion.
var createajax = function () {var xhr = null; try {// ie Series Browser xhr = new ActiveXObject ("microsoft.xmlhttp"); } catch (e1) {try {// Nicht-I-Browser xhr = new XmlHttpRequest (); } catch (e2) {window.alert ("Ihr Browser unterstützt Ajax nicht, bitte ersetzen Sie!"); }} return xhr;};Schreiben wir dann die Kernfunktion.
var ajax = function (conf) {// initialisieren // Typparameter, optional var type = conf.type; // URL -Parameter, Erforderlich var url = conf.url; // Datenparameter ist optional, nur var data = conf.data; // DataType -Parameter ist optional var dataType = conf.Datatype; // Rückruffunktion ist optional var Success = Conf.Success; if (type == null) {// Typ -Parameter ist optional, Standard ist GET type = "get"; } if (DataType == null) {// Datentyp -Parameter ist optional, Standard ist text dataType = "text"; } // AJAX Engine -Objekt erstellen var xhr = createajax (); // xhr.open öffnen (Typ, URL, true); // senden if (type == "get" || type == "get") {xhr.send (null); } else if (type == "post" || type == "post") {xhr.setRequestHeader ("Content-Typ", "Anwendung/x-www-form-urlencoded"); Xhr.Send (Daten); } xhr.onReadyStatechange = function () {if (xhr.readyState == 4 && xhr.status == 200) {if (DataType == "text" || dataType == "text") {if (Erfolg! }} else if (dataType == "xml" || dataType == "xml") {if (Erfolg! }} else if (dataType == "json" || DataType == "json") {if (Erfolg! }}}}}};};Lassen Sie uns schließlich die Verwendung dieser Funktion erklären.
AJAX ({Typ: "post", url: "test.jsp", Daten: "name = dipoo & info = good", Datentyp: "JSON", Erfolg: Funktion (Daten) {alert (data.name);}});Der obige Beispielcode, der native JS verwendet, um AJAX einfach zu verkörpern, ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.