아래처럼 ajax를 이용해 버튼클릭하면 체크되고 컨텐츠 로딩되게
만들고 싶습니다. 예저나 소스좀 링크부탁드립니다.
답변 2개 / 댓글 2개
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.js"></script>
<div style="float:left;width:50px" id="div01">111</div>
<div style="float:left;width:50px" id="div02">222</div>
<div style="float:left;width:50px" id="div03">333</div>
<div style="clear: both;" id="div04">4444</div>
<script type="text/javascript">
<!--
$('#div01').click(function (e) {
$.ajax({
type : 'post',
url : "./test.html",
data : {"data1" : "aaaa", "data2" : "bbbb"},
success : function(res){
if( res ){
jQuery("#div04").html(res);
}else{
}
},
error : function () {
}
});
});
$('#div02').click(function (e) {
$.ajax({
type : 'post',
url : "./test2.html",
data : {"data1" : "aaaa", "data2" : "bbbb"},
success : function(res){
if( res ){
jQuery("#div04").html(res);
}else{
}
},
error : function () {
}
});
});
$('#div03').click(function (e) {
$.ajax({
type : 'post',
url : "./test3.html",
data : {"data1" : "aaaa", "data2" : "bbbb"},
success : function(res){
if( res ){
jQuery("#div04").html(res);
}else{
}
},
error : function () {
}
});
});
//-->
</script>
답변에 대한 댓글 1개
<div style="float:left;width:50px;background-color:색깔" id="div01">1
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.