사용자 강의 - JavaScript
글수 643
개요
정확하게는 AJAJs가 되는 셈입니다.
AJAJs의 정의 : AJAX의 본말 중에서 XML을 Script로 바꿔치기한 것의 약자.
1. Script 객체로 AJAJs를 구현 (AJAX는 XMLHttpRequest로 구현)
2. GET 방식만 가능
본론
스크립트 언어를 받아서 브라우저가 해석하므로 서버에서 데이터의 처리법까지 기술 가능. 최상의 경우 단순 대입코드만으로 단순화. (적용 분야에 따라서 복잡해질 수도 있음)
서버 측 코드
alert("니가 한 말은 <?=$said?>");
클라이언트 측 코드
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ko" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="test">
<script type="text/javascript">
var Obj = document.getElementById("test");
var loc = "test.php";
function say(){
var said = document.getElementById("prompt").value;
var JsObj = document.createElement("script");
JsObj.src = loc + "?said=" + said;
Obj.appendChild(JsObj);
}
</script>
<input type="input" value="말 입력하시오" id="prompt" />
<input type="button" value="말 보내기" onclick="say();" />
</div>
</body>
</html>
예제 테스트 : http://ubiskorea.mireene.com/ajajs.html
뱀발
- 무성의한 예제 죄송, 향후 충실한 예제 업로드 하겠음
정확하게는 AJAJs가 되는 셈입니다.
AJAJs의 정의 : AJAX의 본말 중에서 XML을 Script로 바꿔치기한 것의 약자.
1. Script 객체로 AJAJs를 구현 (AJAX는 XMLHttpRequest로 구현)
2. GET 방식만 가능
본론
스크립트 언어를 받아서 브라우저가 해석하므로 서버에서 데이터의 처리법까지 기술 가능. 최상의 경우 단순 대입코드만으로 단순화. (적용 분야에 따라서 복잡해질 수도 있음)
서버 측 코드
alert("니가 한 말은 <?=$said?>");
클라이언트 측 코드
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ko" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="test">
<script type="text/javascript">
var Obj = document.getElementById("test");
var loc = "test.php";
function say(){
var said = document.getElementById("prompt").value;
var JsObj = document.createElement("script");
JsObj.src = loc + "?said=" + said;
Obj.appendChild(JsObj);
}
</script>
<input type="input" value="말 입력하시오" id="prompt" />
<input type="button" value="말 보내기" onclick="say();" />
</div>
</body>
</html>
예제 테스트 : http://ubiskorea.mireene.com/ajajs.html
뱀발
- 무성의한 예제 죄송, 향후 충실한 예제 업로드 하겠음
나날이 새롭게
2007.09.03 04:34:51 (*.146.68.215)
DOM으로 script 객체를 만들어 활용한 예제군요.
하지만 eval()로 동적으로 스크립트를 실행하는 것과 같은 심각한 XSS 보안 취약점이 있어 아무데나 사용하면 안 될 듯 합니다.
하지만 eval()로 동적으로 스크립트를 실행하는 것과 같은 심각한 XSS 보안 취약점이 있어 아무데나 사용하면 안 될 듯 합니다.
2007.09.07 10:12:21 (*.196.178.1)
부탁인데요... 좀만 더 상세하게 설명해 주세요.. 서버측 페이지에서 자바스크립트 실행하니까 구문오류 라고에러가 납니다.
2007.09.07 13:37:56 (*.196.178.1)
아... 완전 이해 했습니다. 성공두 했구요 ^^
서버측 코드에 alert("니가 한 말은 <?=$said?>"); 이걸 해야 한다는게
결국 스크립트에 포함한다는 내용이었군요...
서버측 코드에 alert("니가 한 말은 <?=$said?>"); 이걸 해야 한다는게
결국 스크립트에 포함한다는 내용이었군요...
2008.03.28 11:18:07 (*.248.137.77)
위에 분들도 많이 지적해 주셨지만 본래 한글이 아닌것을 정확하게 한글 표기할 수는 없습니다.
검색해보면 위에처럼 대부분 아약스나 아작스라고 하지만 본 이름이 영어라면 영어로 AJAX로 표기하는게 정석입니다.
HTML을 뭐라고 표기하나요? 에이티엠엘이라고 표기하나요? 에잇티엠엘이라고 표기하나요?
HTML로 표기하는게 깔끔하고 정확한 전달이 될 수 있다는것을 알아두세요.
'Ajax'라는 낱말은 제시 제임스 가렛(Jesse James Garrett)이 2005년 2월 18일 쓴 'A New Approach to Web Applications'이라는 에세이에서
'Ajax(Asynchronous JavaScript + XML)'라는 낱말로 이 기술을 소개한 이후 퍼진 것으로 알려졌다.
Ajax를 한글로 표기하면 '에이잭스'나 '에작크스' '아약스'에 가깝지만 현재 대부분의 한국 네티즌에게는 '아작스'라는 표기로
친숙해진 상태다.
검색해보면 위에처럼 대부분 아약스나 아작스라고 하지만 본 이름이 영어라면 영어로 AJAX로 표기하는게 정석입니다.
HTML을 뭐라고 표기하나요? 에이티엠엘이라고 표기하나요? 에잇티엠엘이라고 표기하나요?
HTML로 표기하는게 깔끔하고 정확한 전달이 될 수 있다는것을 알아두세요.




아작스가 이런거였나요 -ㅁ-;