![](http://closetoyou.co.kr/_var/simbol/admin.jpg)
AJAX 심플 예제~ json
웹페이지
----------------------------------------
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="result"></div>
<input type="text" id="msg" />
<input type="button" value="get result" id="getResult" />
<script>
$('#getResult').click( function() {
$('#result').html('');
$.ajax({
url:'http://opentutorials.org/example/jquery/example.jquery.ajax.php',
dataType:'json',
type:'POST',
data:{'msg':$('#msg').val()},
success:function(result){
if(result['result']==true){
$('#result').html(result['msg']);
}
}
});
})
</script>
</body>
</html>
서버쪽 페이지
-----------------------------
<?
echo json_encode(array('result'=>true, 'msg'=>$_REQUEST['msg']));
?>
![게시글을 twitter로 보내기 twitter](/_core/image/_public/sns_t1.gif)
![게시글을 facebook으로 보내기 facebook](/_core/image/_public/sns_f1.gif)
![게시글을 me2day로 보내기 me2day](/_core/image/_public/sns_m1.gif)
![게시글을 요즘으로 보내기 요즘](/_core/image/_public/sns_y1.gif)
![](/modules/bbs/theme/_pc/list01/image/ico_comment.gif)
번호 | 제목 | 글쓴이 | 조회 | 날짜 |
---|---|---|---|---|
22 | [JQUERY] jquery json | 관리자 | 8505 | 2014.08.19 17:27 |
21 | [JQUERY] [jQuery] select box 관련 | 관리자 | 16096 | 2014.07.02 15:33 |
20 | [JQUERY] ajax 로딩바 이미지 생성기 | 관리자 | 11235 | 2014.02.13 16:40 |
19 | [JQUERY] 반응형 이미지맵 | 관리자 | 14074 | 2013.12.11 17:02 |
18 | [CSS] 투명효과, alpha, 익스10, 파폭,크롬 모두 적용 | 관리자 | 10074 | 2013.08.05 11:40 |
17 | [JQUERY] jQuery live, jQuery on, ajax callback class 처리문제 | 관리자 | 9878 | 2013.05.23 14:40 |
16 |
[JQUERY] 카카오스토리, 카카오톡, 페이스북 모바일 연동
![]() |
관리자 | 10283 | 2013.04.10 12:09 |
15 | [JQUERY] ajax 한글 처리 | 관리자 | 6764 | 2013.04.09 20:06 |
14 | [라이브러리소개] 제이쿼리 + CSS 이용한 튜토리얼~ [1] | 관리자 | 10214 | 2013.03.07 18:20 |
13 | [JAVASCRIPT] 글자 자르기 | 관리자 | 6680 | 2013.03.06 12:02 |
12 | [JQUERY] jquery mobile 페이지 이동, 링크 | 관리자 | 8557 | 2013.02.20 19:43 |
>> | [JQUERY] AJAX 심플 예제~ json | 관리자 | 14575 | 2013.02.08 14:03 |
10 | [JQUERY] [출처] jQuery로 라디오버튼의 체크여부 검사하는 방법1 | 관리자 | 7736 | 2013.02.04 16:42 |
9 | [JQUERY] AJAX 기본 | 관리자 | 6563 | 2013.01.25 15:57 |
8 | [JQUERY] 무한 스크롤, infinite scroll | 관리자 | 9907 | 2013.01.23 18:17 |
7 | [JQUERY] 배열 checkbox 선택여부확인 | 관리자 | 8386 | 2013.01.21 15:17 |
6 | [라이브러리소개] 롤링 갤러리 | 관리자 | 6823 | 2013.01.21 15:17 |
5 | [JQUERY] 간단한 div 팝업 | 관리자 | 8681 | 2013.01.21 15:16 |
4 |
[라이브러리소개] 제이쿼리, 그래프, 그래프 종결자
![]() |
관리자 | 12184 | 2013.01.21 15:16 |
3 | [CSS] CSS 줄간격, 자간, 단어 간격 등 | 관리자 | 12359 | 2013.01.21 15:14 |