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개
| 번호 | 제목 | 글쓴이 | 조회 | 날짜 |
|---|---|---|---|---|
| 15 | [JQUERY] jquery json | 관리자 | 9249 | 2014.08.19 17:27 |
| 14 | [JQUERY] [jQuery] select box 관련 | 관리자 | 17078 | 2014.07.02 15:33 |
| 13 | [JQUERY] ajax 로딩바 이미지 생성기 | 관리자 | 11978 | 2014.02.13 16:40 |
| 12 | [JQUERY] 반응형 이미지맵 | 관리자 | 14834 | 2013.12.11 17:02 |
| 11 | [JQUERY] jQuery live, jQuery on, ajax callback class 처리문제 | 관리자 | 10536 | 2013.05.23 14:40 |
| 10 |
[JQUERY] 카카오스토리, 카카오톡, 페이스북 모바일 연동
 |
관리자 | 11506 | 2013.04.10 12:09 |
| 9 | [JQUERY] ajax 한글 처리 | 관리자 | 7835 | 2013.04.09 20:06 |
| 8 | [JQUERY] jquery mobile 페이지 이동, 링크 | 관리자 | 9627 | 2013.02.20 19:43 |
| >> | [JQUERY] AJAX 심플 예제~ json | 관리자 | 15737 | 2013.02.08 14:03 |
| 6 | [JQUERY] [출처] jQuery로 라디오버튼의 체크여부 검사하는 방법1 | 관리자 | 8902 | 2013.02.04 16:42 |
| 5 | [JQUERY] AJAX 기본 | 관리자 | 7696 | 2013.01.25 15:57 |
| 4 | [JQUERY] 무한 스크롤, infinite scroll | 관리자 | 11138 | 2013.01.23 18:17 |
| 3 | [JQUERY] 배열 checkbox 선택여부확인 | 관리자 | 9516 | 2013.01.21 15:17 |
| 2 | [JQUERY] 간단한 div 팝업 | 관리자 | 9894 | 2013.01.21 15:16 |
| 1 | [JQUERY] 동적 셀렉트박스 | 관리자 | 12105 | 2013.01.21 14:23 |
