웹마스터 팁
board.api.php 사용법
2009.10.29 10:30
XE의 매뉴얼이고 어디고 어딜 찾아봐도
AJAX로 데이터 받아오는 방법에 대해서는 한줄도 적혀있지 않아서
다른말 필요없이 AJAX로 json 형태로 값을 받아오는걸 소스로 설명
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ko" xml:lang="ko" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type='text/javascript' src="/jquery/jquery.js"></script>
<script type='text/javascript'>
$(function(){
var list=$("#list");
$.ajax({url : "/xe",
type :'post',
contentType :'application/json',
data :{'mid':'freetalk',
'document_srl':'87',
'act':'dispBoardContentView'
},
dataType :'json',
success : function(data){
list.html("제목 : "+data["oDocument"]["title"]+"<br/>");
list.append("내용 : "+data["oDocument"]["content"]);
}
});
//테스트 코드 인자로 뭐뭐 받아오는가 확인하려면 이쪽을 -_-;
/*$.ajax({url : "/xe",
type :'post',
contentType :'application/json',
data :{'mid':'freetalk',
'document_srl':'87',
'act':'dispBoardContentView'
},
success : function(data){
list.html(data);
}
}); */
});
</script>
</head>
<body style="background-color:#aaa;height:100%;width:100%;">
<div id="list" style="margin-left:auto;margin-right:auto;background-color:#eee;width:800px;min-height:300px;border:solid 2px #fff;">
</div>
</body>
</html>이렇게 해두고, 각각의 api 함수가 뭐뭐 있는가는
각각의 모듈, 또는 위젯파일의 api.php 파일을 열어서 함수 들을 저기 'act'에다가 집어넣고
각각의 변수는 진짜 요령껏 알아와야 되는듯 합니다 -_-;
유용한 정보인 것 같습니다.
추천!