AJAX 소개

AJAX는 전체 페이지를 다시 로드하지 않고도 웹페이지의 일부를 업데이트할 수 있는 기술입니다.

AJAX란 무엇인가요?

AJAX = 비동기 JavaScript 및 XML(Asynchronous JavaScript and XML)

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

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

ajax 기술에는 javascript, xml, css, xstl, dom, xhtml 및 XMLHttpRequest 7가지 기술이 포함되어 있으므로 ajax는 7가지 기술을 통합하여 모든 측면을 최대한 활용하는 접착제와 같습니다. 기술의 놀라운입니다.

ajax 기술은 다른 기술이 해결하지 못하는 많은 문제를 해결합니다

1. 페이지 새로 고침 없이 동적 데이터 교환

페이지를 부분적으로 새로 고칩니다. [고유 사용자 이름 확인]

3. 아름다운 인터페이스 [향상된 사용자 경험]

4. 데이터베이스 운영

5. 간단한 텍스트 형식, json 데이터 형식 반환 가능

ajax의 장점과 단점

장점:

1) 사용자 경험이 더 좋고, 페이지를 제출하거나 새로 고칠 필요가 없으며, 콘텐츠가 자동으로 업데이트됩니다

2) 다양한 페이지 레이아웃 스타일과 다시 로드로 인해 Ajax는 서버에서 소량의 데이터만 가져오면 되므로 속도가 더 빠릅니다

단점:

1) 페이지가 이동하지 않아 사용자가 이전 콘텐츠에 액세스하기 위해 다시 클릭할 수 없습니다.

2) Ajax를 로드하려면 JavaScript를 실행해야 하므로 검색 엔진이 작동하지 않습니다.

3) ajax를 남용하면 페이지가 너무 부풀어 오르고, 여러 페이지로 점프하면 효과를 얻을 수 있는데, 결과가 모두 한 페이지에 쌓여요

응용 프로그램이 많습니다. AJAX를 사용하는 경우: Google Maps, Gmail, Youtube 및 Facebook.

AJAX 작동 방식

105.gif


AJAX는 인터넷 표준을 기반으로 합니다

AJAX는 인터넷 표준을 기반으로 하며 다음과 같은 기술 조합을 사용합니다.

1) XMLHttpRequest 객체(서버와의 비동기 데이터 교환)

2) JavaScript/ DOM(정보 표시/검색)

3) CSS(데이터 스타일 설정)

4) XML(데이터 전송에 일반적으로 사용되는 형식)

이를 이해하려면 당사 홈페이지 PHP 중국어 웹사이트

를 참조하세요. AJAX 애플리케이션은 브라우저와 플랫폼에 독립적입니다!

Google Suggest

AJAX는 2005년 Google의 검색 제안 기능이 출시되면서 인기를 얻었습니다.

Google Suggest는 AJAX를 사용하여 매우 동적인 웹 인터페이스를 만듭니다. Google 검색창에 입력하면 JavaScript가 서버에 문자를 보내고 서버는 제안 목록을 반환합니다.

오늘부터 AJAX 사용을 시작하세요

PHP 튜토리얼에서는 AJAX가 전체 페이지를 다시 로드하지 않고도 웹페이지의 특정 부분을 업데이트할 수 있는 방법을 보여줍니다. PHP로 서버 스크립트를 작성하겠습니다.

AJAX에 대해 자세히 알아보려면 AJAX 튜토리얼을 방문하세요.


지속적인 학습
||
$(function(){ $('#send').click(function(){ $.ajax({ type: "GET", url: "test.json", data: {username:$("#username").val(), content:$("#content").val()}, dataType: "json", success: function(data){ $('#resText').empty(); //清空resText里面的所有内容 var html = ''; $.each(data, function(commentIndex, comment){ html += '<div class="comment"><h6>' + comment['username'] + ':</h6><p class="para"' + comment['content'] + '</p></div>'; }); $('#resText').html(html); } }); }); });
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~