Tout d'abord, nous avons besoin de l'objet XHR. Ce n'est pas difficile pour nous, en le résumant dans une fonction.
var createajax = function () {var xhr = null; Essayez {// IE Series Browser xhr = new ActiveXObject ("Microsoft.xmlHttp"); } catch (e1) {try {// non-iie du navigateur xhr = new xmlHttpRequest (); } catch (e2) {window.alert ("Votre navigateur ne prend pas en charge Ajax, veuillez remplacer!"); }} return xhr;};Ensuite, écrivons la fonction centrale.
var ajax = function (conf) {// Initialize // Paramètre Type, Var Type facultatif = conf.Type; // Paramètre URL, Var URL requis = conf.url; // Le paramètre de données est facultatif, uniquement des données var = conf.Data; // Le paramètre DataType est facultatif var dataType = conf.Datatype; // La fonction de rappel est facultative Success = Conf.Success; if (type == null) {// Le paramètre de type est facultatif, la valeur par défaut est get type = "get"; } if (dataType == null) {// Le paramètre DataType est facultatif, la valeur par défaut est Text DataType = "Text"; } // Créer un objet moteur ajax var xhr = createajax (); // ouvert xhr.open (type, url, true); // envoyer if (type == "get" || type == "get") {xhr.send (null); } else if (type == "Post" || type == "Post") {xhr.setRequestHeader ("Content-Type", "Application / x-www-form-urlencoded"); xhr.send (données); } xhr.onreadystateChange = function () {if (xhr.readystate == 4 && xhr.status == 200) {if (dataType == "Text" || dataType == "text") {if (succès! = null) {// Normal Text Success (xhr.ResperseText); }} else if (dataType == "xml" || dataType == "xml") {if (Success! = null) {// reçoivent le succès du document xml (xhr.Responsexml); }} else if (dataType == "JSON" || dataType == "JSON") {if (succès! = null) {// Converti JSON String en JS Object Success (EVAL ("(" + xhr.ResponSext + ")"))); }}}}}};};Enfin, expliquons l'utilisation de cette fonction.
ajax ({type: "post", url: "test.jsp", data: "name = dipoo & info = good", dataType: "json", succès: fonction (data) {alert (data.name);}});L'exemple de code ci-dessus qui utilise JS natif pour résumer simplement AJAX est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.