아약스 - 그것은 무엇인가? 비동기 자바 스크립트와 XML : 장점과 단점

지금 당신은 인기에게 새로운 기술의 사용 및 응용 프로그램을 얻고 인터넷에서 볼 수 있습니다. 그 중 하나는 - AJAX이다. 그것은 무엇입니까? 무슨 기능이 있나요? 신청 장소? 이 모든 질문은이 문서에서 답을 찾을 수 있습니다.

일반 정보

어떻게 AJAX는 의미? 그것은 무엇을 의미 하는가? 이 감소는 약자입니다. 그것은 비동기 자바 스크립트와 XML ( "비동기 자바 스크립트와 IKSML")을 의미합니다. 종종 당신은 참조하거나이 새로운 기술이 정보를들을 수 있습니다. 그러나 이것은 사실이 아니다. 자바 스크립트와 XML에서, "아약스"반면, 이미 꽤 오랜 시간이 있다는 사실은 이러한 기술의 합성이다. 대부분의 경우 그것은 용어 웹 2.0과 함께 사용되며, 고급 설계 기술의 사용으로 이해된다.

그리고 어떤 기능이?

그래서, 우리는 이미 AJAX 무엇의 일반적인 생각을 가지고있다. 그것은 실제로 우리에게주는 무엇? 왜 그 응용에 대해 이야기 적극적으로하고 있습니까? 이 기술의 특수성은 - 당신이 사용하는 경우는 처음 수요에 전체 페이지를 새로 고침 할 필요가 없다는 것입니다. 결국, 당신은 단지 그것의 일부에 대한 새로운 데이터를 요청할 수 있습니다. (당신이 가지고있는 더 적은 시간을 기다려야하기 때문에), 및 (무제한 인터넷없는 사람들을위한) 비용이 편리합니다. 그러나 서버에서 새로운 데이터에 대해 통보 적어도 부하 표시 또는 문자 메시지를 사용하는 것이 바람직하다 무엇 업그레이드를 무슨 일이 일어나고에 대해 사용자에게 통보합니다. 적자 기술은 종종 기존의 텍스트 브라우저를 지원하지 않는다는 사실이라고한다. 그리고 자바 스크립트 기술을 비활성화 할 수있는 능력은 많은 즐겼다보다 사용자에있다. 따라서 AJAX를 남용해서는 안된다. 정보를 제공하는 다른 방법을 제공하지 않을 경우 그것이이 줄 수 있습니까? 최선의 경우, 정보는 바로 사이트에 표시되지 않습니다. 최악의에서 - 외관은 사용자가 더 이상 돌아 가지도록 영향을받는 것입니다.

"아약스"의 장점

이 기술은 웹 페이지가 실현 될 수있는 두 가지 방법을 제공합니다. 첫 번째는 재부팅없이 변경을 포함한다. 이것은 서버에 동적 요청을 수행 할 수 있습니다. 두 번째는 XMLHttpRequest의 대부분의 인기있는 특정 기술의 사용을 포함한다. 상대적으로 자신의 장점은 "아약스는"다음과 같이 말할 수 있습니다 :

1. 당신이 인터페이스는 인간의 상호 작용 및 웹 사이트를 촉진 결과로, 사용자에 대한 좋은 기능의 전체 수있을 것이다 편리한 웹 기반 응용 프로그램을 만들 수 있습니다.
2. 대신 전체 페이지의 부분을 다시로드합니다. 이 자원을 보존하고 시스템 성능을 최적화합니다.
3. 사이트의 서버 부분은 적극적이다 사용자와 상호 작용합니다.
4. 아이디어의 숫자의 구현에 유용합니다.

통신

여기에, 예를 들어, 고객을 조언하는 데 사용할 수있는 피드백 양식을해야합니다. 그것은 어떻게 할 수 있는가? 먼저 우리는 정보의 "캐리어"알아서해야합니다. 이렇게하려면, 당신은 XMLHttpRequest 객체를 생성해야합니다. 그는 서버와 사용자의 브라우저 사이의 중개자 역할을합니다. 이 객체에 요청을 전송하고 그들에게 답변을받을 수 있습니다. 직접 데이터 교환을 위해, 우리는 AJAX PHP가 필요합니다. 이 도구는 GET-또는 POST-쿼리를 사용하여 구현 될 수있다. 이 경우, 필요한 인수는 URL을 통해 직접 전달됩니다. 동시에이 기능을 실행하고 데이터 전송이 중단되지 않도록 보장하기위한 것입니다. 그러나 어떻게 AJAX 요청을 구현하는 방법? POST를 사용하는 것이 좋습니다. 그 덕분에, 당신은 또한, 훨씬 더 어렵 액세스하는 데이터의 무제한을 전송할 수 있습니다.

작동 원리

어떻게 연습에서 비동기 자바 스크립트와 XML은? 다음의 예제와 함께이 문제를 이해하자. 클라이언트 부분은 안전한 데이터 교환을위한 필요한 모든 기능을 제공하는지 확인해야 구조에 대한 내장. 이 정보 선택 방법을 전송하기 위해 필요한 방법을 제공해야한다. 서버 부분은 이미 기반으로 데이터,,,의 처리 이후 고객에게 전달하기 위해 새로운 정보를 생성 할 수 있는지 확인해야합니다. 상호 작용의 가장 일반적인 유형은 데이터베이스와 작업하는 것입니다. 앞서 언급 한 우리는 피드백의 형태로 많은 비즈니스 사이트의 요소입니다. 이 경우 "아약스"의 장점은 비동기 데이터 전송을 보유하고 있다는 점이다. 정보가 전송되는 동안 즉, 사용자는 그에게 필요한 모든 작업을 수행 할 수 있습니다. 각각의 경우의 세부 사항에 초점을, 당신은이 과정이 사이트의 방문자를 통지 할 것인지 여부를 결정해야합니다. 같은 피드백 양식 상대는이 경우에 우리가, 또는 이와 유사한 "연산자 대답 전화를 걸어"쓸 수 있다고한다.

서버 응답

그는 당신 때문에 기술의 이름의 생각으로 만 XML 아니 올 수 있습니다. 또한, 일반 텍스트 또는 JSON으로 전송 될 수있다. 첫 번째 경우 정보는 즉시 페이지에 표시 할 수 있습니다. XML을 사용하는 경우, 당신은 제대로 클라이언트 브라우저에서 처리 된 그 AJAX 파일을 돌볼 필요가있다. 이 경우 모든 데이터는 (X) HTML로 변환됩니다. 사용하는 경우 JSON 형식을, 당신은 전체 객체 자바 스크립트를 얻을 수있는 코드를 수행해야합니다. 조심해야하고 계정에 많은 해커들이이 기술을 이용하여 악성 코드를 전송하는 방법을 사용한다는 사실을 고려하는 것이 필요하다. 그들이 처리되기 전에 데이터 확인 절차를 제공하는 것이 필요하다. 다른 브라우저에 대한 실현의 특징이 약간 다를 수 있지만 일반적으로, 여기에 작업 한 제도입니다.

우리는 서버 응답 처리 요청을

다음과 같이 행동의 전체 순서는 다음과 같습니다

1. 처음에는 작성하고 XMLHttpRequest의이 있는지 확인해야합니다.
2. 그런 다음 서버 연결을 초기화합니다.
3. 그 요청을 보냅니다.
4. 우리는 데이터가 오기를 기다린를 처리합니다.

그것은 객체의 생성에있는 기능 중 일부에 대해 얘기한다. 그것은 단지 프로그래밍 언어의 틀 안에서 가능한 모든 장소에서 시작할 수 있습니다. 그는이 시간에 어느 한 시점에서 세계의 상태를, 주어진 경우 하나 개의 요청 만 작동 할 수 있으려면. 이 시점에서주의를 기울여야 할 필요가있다. 치료에 대해서 - 여기 우리가 선택한 장비에 초점을 맞 춥니 다. 따라서, XML 데이터 DOM-함수를 처리하고 사용자에게 제공 될 경우, HTML의 최종 결과를 갖는다. JSON 등급으로 그리고 무엇을 할까? 객체 표기법 자바 스크립트가 있음을 이해하여야한다. 그것은 무엇을 의미 하는가? 때문에 JSON은 객체가 문자열로 표현 될 수있다. 그러나이 방법은 전체에 안전하지 않습니다 것을 기억해야하며, 많은 요인이 고려 될 필요가있다. 그러나, 일반적으로는 매우 간단합니다.

서버 측 프로그래밍 언어

거의 모든 웹 기반 응용 프로그램은 어떤 식 으로든 그들을 사용합니다. 데이터 전송을위한 가장 인기있는 PHP이다. 그것은 일반적으로 사이트에 파일을 쓰기에 여기서 중요한 데이터 전송 속도, 그리고 그녀와 신뢰성 사이의 선호 밸런스가 없습니다. XMLHttpRequest의 전송 기술은 상술.

구성 서버

어떤 프로그램은 완전히 AJAX를 운영하기 위해 필요합니까? 어떤이는 우리에게 무엇입니까? 그들은 무엇을 위해 있는가? 이 질문에 대한 답을 얻으려면 다음 목록을 숙지해야합니다 :

1. HTML / XHTML. 이들은 페이지 레이아웃을 인식 할 수있는 서버가 필요합니다.
2. CSS. 이 도구는 페이지 디자인의 시각적 인 선택이 필요하다.
3. DOM. 이는 사용자에 의한 액션에 응답으로 페이지의 동적 변화를 보장하기 위해 필요하다.
4. XML. 클라이언트와 서버 사이의 데이터 전송이 필요합니다.
5. 자바 스크립트. 우리는 커서에서 'Ajax'만들고 상호 작용을 제공해야합니다.
6. XMLHttpRequest의. 개체를 통해 쿼리 서버로 전달됩니다.

사이트를 사용하여

그래서 지금 우리는 이론적 지식과 방법 AJAX에 대한 아이디어를 모두 가지고있다. 데이터를 보내기 만 특정 연습이 필요 지금이다. 우리가 "아약스"를 사용하여 작업의 구현에 접근하는 방법을 일반적으로 살펴 보자. 그래서, 우리는 드라이버 데이터베이스를 작성해야합니다. 그리고 그들은 작동 할 수있는 장치가 다릅니다. 위의 데이터베이스가 매우 큰 주목해야한다, 그래서 난 그냥 클라이언트로 보내 그것은 이해가되지 않습니다 자바 스크립트를 사용하여 선택을하기 위해 제공합니다. 이 때문에 하나의 매개 변수 또한 웹 페이지가 다시로드 소유하는 것이 바람직하다. 서버에서 요청은 특별한 PHP 스크립트를 처리합니다. 데이터베이스는 XML 파일로 구현됩니다.

데이터베이스 소개

그것의 구조를 해결하는 것이 필요하다. 그리고 어떤 객체가 전달 된 매개 변수의 경우? 이러한 경우에 그 기능의 호출 이벤트에 어떤 링크가 없을 것이다 변수의 생성을 제공 할 필요가있다. 이 글로벌 코드를 할 필요가 어디에서 액세스 할 수 있어야합니다. 편의를 위해, 사용하는 것이 바람직하다 데이터베이스 관리 시스템입니다. 물론, 이것은 필요하지 않습니다. 하지만 여전히 데이터베이스의 사용은 데이터를보다 편안하고 효율적으로 작업 할 수 있습니다.

우리는 엔진 작동에 노력하고 있습니다

어떻게 모든 일이 일어날습니까? 따라서, 특별한 기능을하게됩니다 특정 이벤트를,이 온다. 그녀는 전송됩니다 GET 또는 POST 데이터를 준비합니다. 그런 다음 서버 스크립트의 URL에 항소 할 것 기능을 호출합니다. XMLHttpRequest의 오브젝트의 생성을 예상 할 필요가있다. 에 대한 참조는 변수에 저장한다. 데이터가 서버로 전송 한 후에는 그 응답을 기다려야합니다. 이렇게하려면, 당신은 정보를 얻기 위해 "도청"을 설정할 수 있습니다 (알고있는 경우 때, 와서 것) 또는 항상 데이터를 수용 할 준비가되어있을 기능을 제공합니다. 제 1 실시 예는 특별한 상황의 경우, 신뢰성이 떨어지는 것이다. 두 번째 실현 - 자원의 측면에서 비용이 많이 드는. 그것은 하나 개의 변수에 대하여 만 수행하면 있지만, 그것은 빠른 인터넷에 영향을주지 않습니다. 그러나 만약이 수백, 수천이, 그들은 높은 해상도를해야합니다, - 다음은 또 다른 문제 일 것이다. 가능한 자원과 효과의 사용 사이의 균형을 추구 할 필요가있다. 결국, 16 GB의 메모리를 가지고 모든 것을 이해해야한다. 이 서버가이 시간에 사용할 수 없음을 이전 데이터 나 정보를 교체 후 특정 대기 시간을 설정할 수 있습니다.

특징

페이지 나 응용 프로그램의 인터페이스에 의해 생성 된 "Ajax를"사용하는 경우, 당신은 결과가 서로 다른 운영 체제에서 잘 작동하는지 확인하고, 다른 브라우저에 확인해야합니다. 첫 번째 경우 귀중한 지원 에뮬레이터를 제공 할 수있을 것입니다. 두 번째의 경우는 다양한 프로그램을 설치하기에 충분한 것입니다 그리고 그들은 코드의 기능을 테스트합니다. 사용자의 브라우저가 최신이 사용됩니다하거나 필요한 설정을 차단합니다 경우에 또한 특정 작업을 제공 할 필요가합니다. 이러한 경우, 치료는이 경우보기 사이트 수없는 이유를 진술 페이지의 텍스트의 철수를주의해야한다. 예, 현대 기술을 사용하는 사람들의 지금 대다수하지만 완전히 확률과 방문자의 몇 %가 일부 오래된 소프트웨어를 사용한다는 사실에주의 가자하지 않습니다. 그리고 사업 규모에 상당한 영향을 미칠 수 있습니다.

결론

즉,이 문서의 논리적 종료된다. 우리가 전체의 "아약스"에 대해 이야기하면,이 도구를 사용하면 즐거움을 신속하고 유능한 레이아웃 작업은 매우 매력적이고 풍부한 기능의 웹 사이트를 만들 수는 사용자에게 제공 할 수 있습니다. 이 미래에 더 많은 고급 기술이 될 것입니다,하지만 지금 우리는 우리가 무엇을 사용하는 것은 의심의 여지가 없다. 프로그래밍 언어와 기술의 개선이 확실히 가능하고,이 사용할 수있는 옵션이기 때문에, 방법 훨씬 더 높은 품질의 제품을 만들 것이다. 그러나, 필요한 일이 지금은 그것이 수도 같은 것을합니다. 그리고이 이름 - "아약스".