JS, HTML & CSS

AJAX 심플 예제~ json

관리자 | 2013.02.08 14:03 | 조회 13254

웹페이지

----------------------------------------

<!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 facebook me2day 요즘
15개(1/1페이지)
JS, HTML & CSS
번호 제목 글쓴이 조회 날짜
15 [JQUERY] jquery json 관리자 6898 2014.08.19 17:27
14 [JQUERY] [jQuery] select box 관련 관리자 14453 2014.07.02 15:33
13 [JQUERY] ajax 로딩바 이미지 생성기 관리자 9649 2014.02.13 16:40
12 [JQUERY] 반응형 이미지맵 관리자 12374 2013.12.11 17:02
11 [JQUERY] jQuery live, jQuery on, ajax callback class 처리문제 관리자 8328 2013.05.23 14:40
10 [JQUERY] 카카오스토리, 카카오톡, 페이스북 모바일 연동 첨부파일 관리자 8916 2013.04.10 12:09
9 [JQUERY] ajax 한글 처리 관리자 5477 2013.04.09 20:06
8 [JQUERY] jquery mobile 페이지 이동, 링크 관리자 7250 2013.02.20 19:43
>> [JQUERY] AJAX 심플 예제~ json 관리자 13255 2013.02.08 14:03
6 [JQUERY] [출처] jQuery로 라디오버튼의 체크여부 검사하는 방법1 관리자 6343 2013.02.04 16:42
5 [JQUERY] AJAX 기본 관리자 5292 2013.01.25 15:57
4 [JQUERY] 무한 스크롤, infinite scroll 관리자 8619 2013.01.23 18:17
3 [JQUERY] 배열 checkbox 선택여부확인 관리자 7087 2013.01.21 15:17
2 [JQUERY] 간단한 div 팝업 관리자 7334 2013.01.21 15:16
1 [JQUERY] 동적 셀렉트박스 관리자 10594 2013.01.21 14:23
많이 본 글
댓글 많은 글