JS는 AJAX 부분 새로 고침(코드 포함)을 구현합니다.

이번에는 AJAX 부분 새로 고침(코드 포함)을 구현하는 방법을 소개하겠습니다. JS에서 AJAX 부분 새로 고침을 구현하는 데 필요한 주의 사항은 무엇입니까?

AJAX는 "Asynchronous Javascript And XML"(Asynchronous JavaScript and XML)을 의미하며 대화형 웹 애플리케이션을 만들기 위한 웹 개발 기술을 의미합니다.

AJAX = 비동기 JavaScript 및 XML(표준 범용 마크업 언어의 하위 집합).

AJAX는 빠르고 동적인 웹 페이지를 만드는 기술입니다.

다음은 JS가 AJAX의 부분 새로 고침 기능을 구현하는 방법에 대한 소개입니다. 구체적인 내용은 다음과 같습니다.

백그라운드에서 서버와 소량의 데이터를 교환함으로써 AJAX는 웹 페이지의 비동기 업데이트를 가능하게 합니다. 이는 전체 페이지를 다시 로드하지 않고도 웹페이지의 일부를 업데이트할 수 있음을 의미합니다.

// 创建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;
 }
 }

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

Ajax가 도시 보조 연결을 구현하는 방법

Ajax가 페이지 새로 고침을 최적화하는 두 가지 방법

위 내용은 JS는 AJAX 부분 새로 고침(코드 포함)을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!