Maison > Article > développement back-end > Comment utiliser Ajax
Ajax est JavaScript asynchrone et XML. C'est une technologie de développement Web permettant de créer des applications Web interactives. Nous savons qu'ajax est une technologie très puissante, c'est pourquoi aujourd'hui je vais vous parler en détail de cette technologie puissante.
Avant d'expliquer, laissez-moi vous parler de la structure de données linéaire. Nous pouvons considérer une structure de données linéaire unique comme un segment de ligne. Un segment de ligne a un début et une queue. thread signifie que la tête d'un segment de ligne n'a pas de zone avant, il n'y a pas de zone de fin à la queue et chaque élément au milieu a deux éléments avant et après. Lorsqu'un élément est manquant, deux éléments le sauront et le diront. vous en même temps. Et cela ne fonctionne même pas sans un seul élément.
La fonction de rappel transmet la fonction A comme paramètre à la fonction B, et la fonction B exécute la fonction A. Les utilisations les plus courantes des fonctions de rappel sont les fonctions success() et error() que nous utilisons lors de la demande de données via ajax, ainsi que le premier paramètre de setInterval, qui utilise également des fonctions de rappel. Fonction de rappel, fonction de rappel, le sens littéral du rappel est de faire demi-tour et de revenir sur cette route. Ainsi, ajax se retourne et marche à nouveau lorsque la fonction de rappel success() ou une erreur est déclenchée, puis elle est asynchrone. En même temps, ajax est asynchrone, il y a une promesse es6 (opération synchrone asynchrone).
Le processus du navigateur est multi-processus. Quant à savoir pourquoi c'est la même chose que pourquoi vous l'appelez XXX~
La deuxième question est de savoir quand le front-end universel se rencontre. acquisition ajax Tout le monde devrait se demander pourquoi les données d'arrière-plan sont tronquées.
-C'est peut-être un problème de vitesse Internet, Internet est trop lent.
-Peut-être que le format d'encodage n'est pas uniforme, vos frères backend vous ont trompé, hahahaha
Vous souvenez-vous du code natif ajax ? Pourquoi est-ce que je ne vous explique pas et ne regarde pas le code ? code :
//1.创建xmlhttpRequest对象 var xhr; try{ xhr = new XMLHttpRequest(); console.log(5555) } catch(e){ //ie浏览器低版本兼容 xhr = new ActiveXobject("Microsoft.XMLHTTP"); } finally{ console.log(1111) } // try{} catch{} finally{}在这里是处理异常的方法,用if{}else{}也ok //if(window.XMLHttpRequest){ // xhr = new XMLHttpRequest(); // }else{ //ie浏览器低版本的兼容 // xhr = new ActiveXobject("Microsoft.XMLHTTP") //} //2.建立异步连接 xhr.open("get","url/+string",true/false);//true是异步,false是同步 //xhr.open("post","url",true/false) //3.发送异步请求 xhr.send(null);//get xhr.send(string);//post //4.获取返回数据 xhr.onreadystatechange = function (){ if((xhr.readystate)==4&&(xhr.status==200)){ var data = xhr.responseText; var data = JSON.parse(data); show(data); } } function show(data){ document.getElementById("p1").innerHTML = data; }
Je pense que vous maîtrisez la méthode après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention à. d'autres articles connexes sur le site php chinois !
Lecture connexe :
La technologie de requête asynchrone Ajax expliquée avec des exemples
Quelle est la syntaxe commune d'AJAX
Principes AJAX et méthodes inter-domaines CORS
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!