Ajax 코멘트 시스템을 구축하는 방법은 무엇입니까?

Question

잠시 jQuery와 Ajax를 사용하고 싶습니다.

내 첫 번째 입력 상자를 만들려면 내 의견을 입력하고 아래에 코멘트가 표시됩니다. 페이지를 새로 고칩니다. 어떻게해야합니까?

Answer 1

기본 아이디어는 텍스트 영역이나 입력이있는 클라이언트 쪽 페이지를 가질 것이라는 것입니다. .click을 제출 버튼에 연결하면 .click은 .ajax를 통해 서버 측 스크립트를 호출합니다.

클라이언트 측 :

<script type="text/javascript"> 
    $(document).ready(
    $('#submit').click({ 
     $.ajax({ 
       type=POST, 
       data: "comment="+$("#comments").val(), 
       dataType: json, 
       url: 'somePage.php', 
       success: function(data) { 
        if(data.error){ 
         alert("server reported error"); 
        }else{ 

         $('#postedComments').append(data); 
        } 
       } 
       }); 


    }); 


}); 
</script> 
<div id="postedComments></div> 
<textarea id="comments"></textarea> 
<input type="submit" id="submit" value="Post Comment" /> 

서버 측 :

기본적으로

<?php 
    if(isset($_POST['comments'])){ 
     //perform Database insert of value $_POST['comments'] 
     if(<database error>){ 
      echo json_encode(array('error'=>'-1')); 
     }else{ 
      echo json_encode(array('success'=>'1')); 
     } 
    } 
?> 

클라이언트 클릭 제출, 서버 측 스크립트에 아약스의 게시물 "댓글". 그런 다음 스크립트는 요청을 처리하고 json 인코딩 오류 또는 성공을보고합니다. 즉 ajax 호출의 성공으로 서버 호출이 어떻게되었는지를 판별 할 수 있습니다. 아약스의 성공은 단순히 서버가 응답 한 것을 나타내는 성공이 아니므로 클라이언트 스크립트로 다시 보내서 서버가 오류 또는 성공 메시지로 응답했는지 확인하기 위해 일부 메시지를 인코딩 할 수 있습니다.

Answer 2

서버 입력 상자 내용이 post이고 서버에서 성공 메시지를 받으면 append 주석으로 처리해야합니다.

Answer 3

저는 WordPress의 것과 비슷한 jQuery 구동 아약스 코멘트 시스템을 만들었습니다. 생성/삭제 동작은 모두 AJAX로 구동됩니다.

주석을 만들기위한 $ .post() 작업과 주석 삭제를위한 $ .get() 작업을 수작업으로 수행했습니다.