자바스크립트로 할것을 ajax로 하면 어떤 차이가 있는지
본문
ajax vs javascript?
영카트 소스를 보고 있는데
자바스크립트(jquery)로 해도 되는 기능을 ajax로 했던데
(파일 위치 : bbs 폴더에서 ....ajax.mb_nick.php, ajax.mb_email.php 등)
자바스크립트로 할것을 ajax로 하면 어떤 차이가 있는지 궁금합니다.
답변 1
ajax는 Asynchronous Javascript And Xml의 약자로써 보편적으로 '페이지를 이동하지 않고 클라이언트와 서버간의 통신'을 하는것을 말합니다.
기존 javascript로 처리하려고 한다면, ajax.mb_nick.php의 경우 중복되는 닉네임을 찾기위해 새 창을 띄워서 이 닉네임은 사용가능합니다. 사용하려면 확인을 누르세요. 등의 페이지를 노출시키는 방식으로 진행되죠. 하지만 ajax를 이용할경우 버튼 한번을 누르거나 텍스트박스에서 포커스가 벗어나거나, 키를 누르는 등의 이벤트에 ajax를 연결하여 페이지 변화 없이 즉시 결과를 확인할 수 있게 되죠.
정확하게 설명해 주셨네요!
ajax 처리를 비동기식 처리라고도 하죠^^;
웹 사이트 가입할 때 보면 ID중복검사 등 할때 페이지 이동이나 리프레쉬 없이 중복을 확인할 때 ajax로 비동기식 처리를 하곤 합니다.
그 이외에도 활용방법은 많습니다.
혹시 그 기능을 jquery로 구현 불가능한가요?
멋진남자님 // 제가 제대로 이해를 한건진 모르겠으나
$.ajax({
url: g5_bbs_url+"/ajax.filter.php",
type: "POST",
data: {
"subject": "",
"content": f.wr_content.value
},
dataType: "json",
async: false,
cache: false,
success: function(data, textStatus) {
subject = data.subject;
content = data.content;
}
});
이런식의 구성을 말씀하시는건가요?
jquery라고 딱히 javascript와 별개라고 이야기할 수는 없지 않을까요?
일종의 javascript의 라이브러리 형태라고 알고 있어요.
틀리면 지적해주세요~
jQuery는 prototype 등과 같은 javascript의 라이브러리의 일종입니다. 기본적으로 ajax는 html의 xmlHttpRequest 라는 기능을 통해 수행되며, jquery의 $.ajax 는 복잡한 xmlHttpRequest의 송신,수신 과정을 짧고 편하게 할 수 있도록 도와줍니다.
그러면 다시 여쭙겠씁니다.
AJAX로 구현가능한것을 jquery로도 구현하죠?
JQUERY로 구현하는것보다 AJAX로 구현가능한것이 더 효율적인가요?
어느것이 더 효율적인지
ajax로 구현가능한것을 jquery로 모두 구현가능한것으로 알고있어서
ajax를 아직 공부를 안했는데... ajax를 반드시 해야 하는지요?
jquery만 알면 되는지
ajax로 구현하는 걸 jquery로 따로 구현한다는 개념 보다는
ajax기능을 jquery가 품은 형태라는 게 더 알맞는 말 같네요.
PWneo님의 말씀처럼 간편하게 몇줄의 코드로 ajax 통신을 할 수 있도록 jquery가 지원하고 있는 거라고 생각하시면 될 것 같아요.
ajax를 공부하신다는 건 ajax가 어떤 기능인지를 파악하는 것 정도로만 해도 웹 페이지 작성에는 크게 무리가 없을 듯 싶네요.
위에도 썼듯이 비동기식 처리를 ajax로 할 수가 있고 jquery 식으로 ajax 통신을 간편하게 코드 몇줄로 할 수 있다!
정도로 정리하면 되려나요? 저도 초짜 웹 개발자라 깊게 아는 상식은 없지만 일단 이 정도로 말씀드리고 싶네요.
jquery 문법으로 ajax를 하시되 시간이 되면 ajax의 원리에 대해서 공부하시면 될 것 같아요.
감사합니다. 이 글이 밀려서 채택이 안된지 지금알았네요^^ 정말 감사합니다
