JS implémente l'actualisation partielle AJAX (avec code)

Cette fois, je vais vous apporter JS pour implémenter le rafraîchissement partiel AJAX (avec code). Quelles sont les précautions pour implémenter le rafraîchissement partiel AJAX dans JS Voici un cas pratique, jetons un coup d'œil.

AJAX signifie "Asynchronous Javascript And XML" (Asynchronous JavaScript and XML), qui fait référence à une technologie de développement Web permettant de créer des applications Web interactives.

AJAX = JavaScript asynchrone et XML (un sous-ensemble du langage de balisage universel standard).

AJAX est une technologie permettant de créer des pages Web rapides et dynamiques.

Ce qui suit est une introduction à l'implémentation JS de la fonction de rafraîchissement partiel AJAX. Le contenu spécifique est le suivant :

En échangeant une petite quantité de données avec le serveur en arrière-plan, AJAX. peut activer les mises à jour asynchrones des pages Web. Cela signifie que certaines parties d'une page Web peuvent être mises à jour sans recharger la page entière.

// 创建XMLHttpRequest对象
 var xhr=new XMLHttpRequest();
  
 // 请求行
 xhr.open('post','03-ajaxPost.php');
 //请求头
 xhr.setRequestHeader('Content-Type',' application/x-www-form-urlencoded');
 //请求主体 post send 设置数据
 xhr.send('name='+txt);
  
 //监听服务器的响应
 xhr.onreadystatechange=function(){
 if(xhr.readyState==4&&xhr.status==200){ //这里表示接受服务器的响应成功的时候
 var r=xhr.responseText;
 document.querySelector('.info').innerHTML=r;
 }
 }

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment Ajax réalise un lien secondaire urbain

Deux méthodes d'actualisation de la page d'optimisation Ajax

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!