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']));
?>
댓글 0개
| 엮인글 0개
| 번호 | 제목 | 글쓴이 | 조회 | 날짜 |
|---|---|---|---|---|
| 22 | [JQUERY] jquery json | 관리자 | 10536 | 2014.08.19 17:27 |
| 21 | [JQUERY] [jQuery] select box 관련 | 관리자 | 18904 | 2014.07.02 15:33 |
| 20 | [JQUERY] ajax 로딩바 이미지 생성기 | 관리자 | 13656 | 2014.02.13 16:40 |
| 19 | [JQUERY] 반응형 이미지맵 | 관리자 | 16180 | 2013.12.11 17:02 |
| 18 | [CSS] 투명효과, alpha, 익스10, 파폭,크롬 모두 적용 | 관리자 | 12038 | 2013.08.05 11:40 |
| 17 | [JQUERY] jQuery live, jQuery on, ajax callback class 처리문제 | 관리자 | 11652 | 2013.05.23 14:40 |
| 16 |
[JQUERY] 카카오스토리, 카카오톡, 페이스북 모바일 연동
 |
관리자 | 12526 | 2013.04.10 12:09 |
| 15 | [JQUERY] ajax 한글 처리 | 관리자 | 9338 | 2013.04.09 20:06 |
| 14 | [라이브러리소개] 제이쿼리 + CSS 이용한 튜토리얼~ [1] | 관리자 | 12641 | 2013.03.07 18:20 |
| 13 | [JAVASCRIPT] 글자 자르기 | 관리자 | 9768 | 2013.03.06 12:02 |
| 12 | [JQUERY] jquery mobile 페이지 이동, 링크 | 관리자 | 10714 | 2013.02.20 19:43 |
| >> | [JQUERY] AJAX 심플 예제~ json | 관리자 | 17163 | 2013.02.08 14:03 |
| 10 | [JQUERY] [출처] jQuery로 라디오버튼의 체크여부 검사하는 방법1 | 관리자 | 9671 | 2013.02.04 16:42 |
| 9 | [JQUERY] AJAX 기본 | 관리자 | 8675 | 2013.01.25 15:57 |
| 8 | [JQUERY] 무한 스크롤, infinite scroll | 관리자 | 12719 | 2013.01.23 18:17 |
| 7 | [JQUERY] 배열 checkbox 선택여부확인 | 관리자 | 10626 | 2013.01.21 15:17 |
| 6 | [라이브러리소개] 롤링 갤러리 | 관리자 | 9189 | 2013.01.21 15:17 |
| 5 | [JQUERY] 간단한 div 팝업 | 관리자 | 11128 | 2013.01.21 15:16 |
| 4 |
[라이브러리소개] 제이쿼리, 그래프, 그래프 종결자
[1] |
관리자 | 15056 | 2013.01.21 15:16 |
| 3 | [CSS] CSS 줄간격, 자간, 단어 간격 등 | 관리자 | 15009 | 2013.01.21 15:14 |
