PHP & Others

jquery ajax php 예제

페이지 정보

본문

<div>

내용 : <span id="content_1">없음</span>

<button type="button" id="btn_1" value="1 class="btn">클릭</button>

</div>



<script>

$(".btn").click(function(){


  var i = $(this).val();


  $.ajax({ 

            url: 'http://test.com/ajax_result.php',

            data: {'seq_id': i}, 

            dataType: 'json',  /// json으로 결과를 받음 

            //processData: false,  //DOM 또는 urlencode 처리되지 않은 데이터를 보낼때 false 설정 //기본값은 true

            type: 'POST', 

            success: function (data) { 

         

                if (data.result === "success") { 

                    $('#content_'+i).text(data.content); 


                } else { 

                    console.log("data error"); 

                    alert('데이터 오류입니다');

                } 

                

            }

        }); 

});


</script>




ajax_result.php


<?php

.

.

.

$sql = " select content from table where seq_id='$seq_id' ";

.

.

.

if(...)

$result = 'success';

else

$result = 'fail';

.

.

.



$json = array('result'=>$result, 'content'=>$content);


echo json_encode($json);

?>

관련자료

등록된 댓글이 없습니다.
Today's proverb
우리의 꿈은, 뒤에 오는 사람들이 우리를 딛고 우리 위에서 이루게 하는 것입니다. 나는 평생을 창조적인 작업을 위해서 살아왔습니다. 누가 하라고 해서 한 것이 아니라 그것이 나의 삶 그 자체의 즐거움이었기 때문입니다. 현실을 직시하며 현재의 수준을 유지하라. 그리고 더 먼 곳을 향하는 시야를 가져라.