웹마스터 팁
스크립트 객체로 AJAX 구현하기
2007.08.20 23:59
개요
정확하게는 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
뱀발
- 무성의한 예제 죄송, 향후 충실한 예제 업로드 하겠음
댓글 12
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 휴대폰 결재 설치 1 (다날 휴대폰 결재) | 한꼬마 | 2002.11.24 |
모닝샵 이용해서 쇼핑몰 만들기 (화면 꾸미기 1)
[4]
 | 한꼬마 | 2002.11.24 |
|
모닝샵 이용해서 쇼핑몰 만들기 (상품 목록)
| 한꼬마 | 2002.11.22 |
|
모닝샵 이용해서 쇼핑몰 만들기 (웹페이지 만들기1)
[8]
| 한꼬마 | 2002.11.22 |
|
모닝샵 이용해서 쇼핑몰 만들기 (제품 관리)
[4]
| 한꼬마 | 2002.11.21 |
|
모닝샵을 이용하여 쇼핑몰 만들기 (카테고리)
[1]
| 한꼬마 | 2002.11.21 |
|
모닝샵 이용해서 쇼핑몰 만들기 (설치에서 쇼핑몰 환경 설정)
[7]
| 한꼬마 | 2002.11.20 |
| 모닝샵 이용해서 쇼핑몰 만들기 (서론) [5] | 한꼬마 | 2002.11.19 |
| [My생각] 쿠키와 보안에 대한 재미있는 생각!! [1] | 박용구 | 2002.11.18 |
| 세계 인구 구하기~; [23] | AT4u | 2002.11.16 |
| 초보의 초보를위한 강의 PHP를 활용한 페이지 암호걸기 #3 [10] | 아이쿠 | 2002.11.15 |
| 초보의 초보를위한 강의 PHP를 활용한 페이지 암호걸기 #2 [8] | 아이쿠 | 2002.11.13 |
|
초보의 초보를위한 강의 PHP를 활용한 페이지 암호걸기 #1
[9]
| 아이쿠 | 2002.11.13 |
| (GD) 이미지 대칭 축소 함수 [5] | 민이 | 2002.11.08 |
| 제로보드로 유료 사이트 만들기 (결제 정보 저장) [1] | 한꼬마 | 2002.11.06 |
| 제로보드로 유료 사이트 만들기 (폼만들기) [3] | 한꼬마 | 2002.11.06 |
| 정규표현식 쓰지 않고 자동링크하기!! 한글주소까지 문제없슴돠~~!! [6] | 우트라 | 2002.11.05 |
|
제로보드로 유료 사이트 만들기 (회원 db 수정) 수정 #1
[7]
| 한꼬마 | 2002.10.31 |
| Freechal.com 과 같은 형태의 아바타를 만들자. [6] | 다솜아빠 | 2002.10.31 |
| 제로 카운터(zero counter)에서 총 접속자 숫자 조정하기 (Easy 버젼) [13] | 미카엘 | 2002.10.31 |