아약스는 무엇을 합니까?
- 青灯夜游원래의
- 2022-01-17 16:41:5010022검색
AJAX는 빠른 동적 웹 페이지를 만드는 데 사용되는 기술입니다. 1. 부분 새로 고침을 수행하기 위한 부분 요청 수행(페이지를 새로 고치지 않고 웹 페이지 업데이트) 2. 페이지 이후 서버에서 데이터 요청 3. 페이지가 로드된 후 서버로부터 데이터를 수신합니다. 4. 백그라운드에서 서버로 데이터를 보냅니다.
이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.
Ajax란 무엇인가요?
AJAX = 비동기 JavaScript 및 XML.
AJAX는 빠르고 동적인 웹 페이지를 만드는 데 사용되는 기술입니다.
AJAX를 사용하면 백그라운드에서 서버와 소량의 데이터를 교환하여 웹페이지를 비동기적으로 업데이트할 수 있습니다. 이는 전체 페이지를 다시 로드하지 않고도 웹페이지의 일부를 업데이트할 수 있음을 의미합니다.
AJAX를 사용하지 않는 기존 웹페이지에서는 콘텐츠를 업데이트해야 하는 경우 전체 페이지를 다시 로드해야 합니다.
AJAX를 사용하는 애플리케이션의 예는 Google Maps, Gmail, Youtube, Facebook 등 다양합니다. ㅋㅋㅋ 부분 새로 고침을 달성하기 위해 부분 요청을 만들기 위해 브라우저와 서버 간의 비동기 데이터 전송(HTTP 요청)을 사용하는 데 사용됩니다.
1. 페이지를 새로 고치지 않고 웹페이지 업데이트(부분 새로 고침)
2. 페이지가 로드된 후 서버에서 데이터 요청
3. 페이지가 로드된 후 서버에서 데이터 보내기 백그라운드에서 서버로
Ajax를 사용하는 방법?1. XMLHttpRequest 객체를 생성합니다2. open 메소드를 사용하여 서버와의 상호작용 정보를 설정합니다
3. requestHeader() request.setRequestHeader(속성 이름, 속성 값);
4. ) 전송된 데이터를 설정하고 서버와 상호 작용을 시작합니다.
5. 응답을 받고 이벤트를 등록합니다.
예:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button onclick="getData()">获取数据</button>
<script>
function getData() {
// 1.创建XMLHttpRequest对象
var request = new XMLHttpRequest();
// 2.使用open方法设置和服务器的交互信息
// 请求的主体
request.open('get', 'https://api.muxiaoguo.cn/api/lishijr/')
// 3.设置requestHeader() request.setRequestHeader(属性名称, 属性值);
// 这里用默认就好，不写了
// 4. send() 设置发送的数据，开始和服务器端交互
request.send(); //调用send()之后,请求就会发送到服务器
// 5.取得响应，注册事件
request.onreadystatechange = function () {
if (request.readyState === 4 && request.status === 200) { //4 响应完成 DONE
// console.log(request.responseText);
var res = JSON.parse(request.responseText);
console.log(res);
// 根据数据添加对应的节点
for (var arrIndex in res.data) {
// 创建一个节点
var p = document.createElement('p');
p.innerHTML = res.data[arrIndex].title;
document.body.appendChild(p);
}
}
}
// 6.如果请求完成，并且响完成，可以获取到响应数据
}
</script>
</body>
</html>AJAX 요약:
AJAX는 비동기 JavaScript 및 XML입니다. 더 빠르고 대화형인 웹 애플리케이션을 위한 더 많은 기술을 만들기 위해 AJAX는 웹 서버 소프트웨어와 독립적인 브라우저 기술입니다.
AJAX는 새로운 프로그래밍 언어가 아니라
AJAX를 사용하여 보내고 받습니다. 웹 브라우저와 웹 서버 간의 데이터(프런트 엔드 및 백엔드 상호 작용)
AJAX는 브라우저와 웹 서버 간의 비동기 데이터 전송(HTTP 요청)을 사용합니다.
【관련 튜토리얼 추천:
AJAX 동영상 튜토리얼】
위 내용은 아약스는 무엇을 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!