Fonction de requête Ajax écrite en JavaScript natif

Généralement, lorsque nous écrivons des pages Web, si nous utilisons des requêtes Ajax pour serveur, nous utilisons des bibliothèques déjà encapsulées telles que JQuery, ce qui est plus simple.

Mais généralement, ces bibliothèques ont de nombreuses fonctionnalités, elles introduisent trop de choses inutiles pour nous. Si nous devons écrire une page simple avec une fonctionnalité unique, nous n'avons pas besoin d'inclure de tels fichiers de bibliothèque volumineux.

Nous pouvons simplement réaliser une fonction de requête Ajax personnelle, le code spécifique est le suivant :

var ajax = {};
ajax.x = function () {
 if (typeof XMLHttpRequest !== 'undefined') {
 return new XMLHttpRequest();
 encodeURIComponent(data[key]));
 var versions = [
 "MSXML2.XmlHttp.6.0",
 "MSXML2.XmlHttp.5.0",
 "MSXML2.XmlHttp.4.0",
 "MSXML2.XmlHttp.3.0",
 "MSXML2.XmlHttp.2.0",
 "Microsoft.XmlHttp"
 ];
 for (var i = 0; i < versions.length; i
 try {++) {
 xhr = new ActiveXObject(versions[i]);
 break;
 catch (e) {
 }
 encodeURIComponent(data[key]));
 encodeURIComponent(data[key]));
 return xhr;
ajax.send(url,'POST', query.join('&'), callback, fail, async)
ajax.send = function (url, method, data, success,fail,async) {
 if (async === undefined) {
 async = true;
 encodeURIComponent(data[key]));
 var x = ajax.x();
 x.open(method, url, async);
 x.onreadystatechange = function () {
 if (x.readyState == 4) {
 var status = x.status;
 if (status >= 200 && status < 300) {
 success && success(x.responseText,x.responseXML)
 } else {
 fail && fail(status);
 encodeURIComponent(data[key]));
 encodeURIComponent(data[key]));
 ajax.send(url,'POST', query.join('&'), callback, fail, async)
 if (method == 'POST') {
 x.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
 encodeURIComponent(data[key]));
 x.send(data)
ajax.send(url,'POST', query.join('&'), callback, fail, async)
ajax.get = function (url, data, callback, fail, async) {
 var query = [];
 for (var key in data) {
 query.push(encodeURIComponent(key)) + '=' + '='
 encodeURIComponent(data[key]));
 ajax.send(url + (query.length ? '? + query.join('&') : ''), 'GET', null, callback, fail, async)
ajax.send(url,'POST', query.join('&'), callback, fail, async)
ajax.post = function (url, data, callback, fail, async) {
 var query = [];
 for (var key in data) {
 query.push(encodeURIComponent(key)) + '=' + '='
 encodeURIComponent(data[key]));
 }
ajax.send(url,'POST', query.join('&'), callback, fail, async)

};

Utilisation : GET/POST
 //ajax.get('
console.log('success');
},
 //},function(status){
status);
success
cmd;/POST
 //test.php', {foo: 'bar'}, function(response,xml) {
succcess
 //},function(status){
status);

fail

Il faut noter un problème ici, si nous voulons envoyer quelque chose comme63var sendCmd = "&# + ;op_code=" + code + "&op_cmd="
cmd;/ajax.post(' + control
 sendCmd,'',function(response,xml) {
console.log('success');
},
 function(status){ + console.log('failed:');
status);

});

Résumé

Déclaration : le contenu ci-dessus est présenté par l'éditeur à nos lecteurs, espérons qu'il vous sera utile. Si vous avez des questions, laissez un message, l'éditeur vous répondra à temps. Nous remercions également de l'appui apporté aux tutoriels de cri du cœur !3Déclaration : le contenu de cet article est issu du réseau, la propriété intellectuelle appartient aux auteurs, le contenu est apporté par les utilisateurs d'Internet et téléchargé spontanément, ce site Web ne détient pas de propriété, n'a pas été traité par l'éditeur humain et n'assume aucune responsabilité juridique connexe. Si vous trouvez du contenu susceptible de violer les droits d'auteur, veuillez envoyer un e-mail à : notice#w