이번에는 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가 페이지 새로 고침을 최적화하는 두 가지 방법
위 내용은 JS는 AJAX 부분 새로 고침(코드 포함)을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!