아약스는 무엇을 합니까?-프런트엔드 Q&A-php.cn

아약스는 무엇을 합니까?

青灯夜游

풀어 주다： 2022-01-17 16:41:50

원래의

10041명이 탐색했습니다.

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 요청)을 사용하는 데 사용됩니다.

아약스는 무엇을 합니까?

Ajax는 무엇을 합니까? 무슨 소용이 있나요?

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(&#39;get&#39;, &#39;https://api.muxiaoguo.cn/api/lishijr/&#39;)
            // 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(&#39;p&#39;);
                        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 중국어 웹사이트의 기타 관련 기사를 참조하세요!