웹마스터 팁

간단한 Ajax 메모

2007.12.31 02:14

엔시™

아주간단합니다.
Ajax 초보공부 하는김에 만들어본건데요^^;
기능은 그냥 이름과 내용만 전송할 수 있습니다.
아직 Ajax를 접해보지 못하신 초보분들이 보시면 좋겠습니다.^^
전송 후 15초동안은 글등록을 막게했구요.
삭제는 귀찮아서 ㄷㄷㄷ;;

클라이언트측
(XMLHTTPRequest 전송)
             ↑↓
DB처리 밑 php루틴 부분

이런건데요..
한번보시면이해가 각실겁니다.

UTF-8의 환경에서만 작동합니다..
나중에는 더 열심히 공부해서 응용작을 보여드리겠습니다.

아래는 DB생성시 필요한 쿼리문입니다.

CREATE TABLE `guest` (
  `no` int(255) NOT NULL auto_increment,
  `name` varchar(40) NOT NULL,
  `content` longtext NOT NULL,
  KEY `no` (`no`)
) ENGINE=MyISAM AUTO_INCREMENT=130 DEFAULT CHARSET=utf8 AUTO_INCREMENT=130 ;

혹시 자료를 다운받기 귀찮으실거같애서 스크립트소스는 쓰겠습니다..
load.js( js코드들이 들어있는곳)

function getXMLHTTPRequest(){
var req=false;
try {
req = new XMLHttpRequest();
}
catch(err1){
try{
req = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(err2)
{
try
{
 req=new ActiveXObject("Microsoft.XMLHTTP");
 }
 catch(err3)
 {
 req=false;
 }
}
   }
 return req
}

var myRequest = getXMLHTTPRequest();

function callAjax(testvalue){
if(!testvalue)
var name=document.form1.myname.value;
var content=document.form1.content.value;
var url = "test.php?name="+name+"&content="+content;
myRequest.open("GET",url,true);
myRequest.onreadystatechange = responseAjax;
myRequest.send(null);
document.form1.content.value='';
return false;
}

function responseAjax(){
if(myRequest.readyState == 4){
if(myRequest.status == 200){
document.getElementById("test").innerHTML=myRequest.responseText;
   }
   }
   else{ document.getElementById("test").innerHTML= "<img src='load.gif'>"; }
 }

제목 글쓴이 날짜
Freechal.com 과 같은 형태의 아바타를 만들자. [6] 다솜아빠 2002.10.31
제로보드로 유료 사이트 만들기 (회원 db 수정) 수정 #1 [7] file 한꼬마 2002.10.31
정규표현식 쓰지 않고 자동링크하기!! 한글주소까지 문제없슴돠~~!! [6] 우트라 2002.11.05
제로보드로 유료 사이트 만들기 (폼만들기) [3] 한꼬마 2002.11.06
제로보드로 유료 사이트 만들기 (결제 정보 저장) [1] 한꼬마 2002.11.06
(GD) 이미지 대칭 축소 함수 [5] 민이 2002.11.08
초보의 초보를위한 강의 PHP를 활용한 페이지 암호걸기 #1 [9] file 아이쿠 2002.11.13
초보의 초보를위한 강의 PHP를 활용한 페이지 암호걸기 #2 [8] 아이쿠 2002.11.13
초보의 초보를위한 강의 PHP를 활용한 페이지 암호걸기 #3 [10] 아이쿠 2002.11.15
세계 인구 구하기~; [23] AT4u 2002.11.16
[My생각] 쿠키와 보안에 대한 재미있는 생각!! [1] 박용구 2002.11.18
모닝샵 이용해서 쇼핑몰 만들기 (서론) [5] 한꼬마 2002.11.19
모닝샵 이용해서 쇼핑몰 만들기 (설치에서 쇼핑몰 환경 설정) [7] file 한꼬마 2002.11.20
모닝샵을 이용하여 쇼핑몰 만들기 (카테고리) [1] file 한꼬마 2002.11.21
모닝샵 이용해서 쇼핑몰 만들기 (제품 관리) [4] file 한꼬마 2002.11.21
모닝샵 이용해서 쇼핑몰 만들기 (웹페이지 만들기1) [8] file 한꼬마 2002.11.22
모닝샵 이용해서 쇼핑몰 만들기 (상품 목록) file 한꼬마 2002.11.22
모닝샵 이용해서 쇼핑몰 만들기 (화면 꾸미기 1) [4] file 한꼬마 2002.11.24
휴대폰 결재 설치 1 (다날 휴대폰 결재) 한꼬마 2002.11.24
휴대폰 결재 설치 및 테스터 [3] file 한꼬마 2002.11.24