如何使用jQuery创建AJAX好友请求系统

Question

我想做一个MySQL，PHP，JSON的AJAX和jQuery为基础的好友请求系统一样在脸谱网上。我已经准备好了JSON结果，但是我不知道怎么做jQuery部分，有人能帮我吗?这是JSON的结果

这是当你有错误的时候

{ "status":"error", "message":"Invalid Attempt" }

如果你们已经是朋友了

{
"status":"error",
"message":"Already Friends"
}

为了成功

{
"status":"success",
"message":"Request sent"
}

成功消息后，我想隐藏div HTML结构是

<div class="comment" id="uid-2">
    <a class="avatar" href="http://mysitecom/u/remya">
      <img src="http://mysitecom/uploads/avatars/remya_XysseWQ.jpg">
    </a>
    <div class="content">
      <a class="author" href="http://mysitecom/u/remya">Remya Prakash</a>
      <div class="text">
      <a class="author" href="javascript:;" id="2">Send Request</a>
      </div>
    </div>
  </div>

Answer 1

返回状态为http头部，201表示成功，409表示已经存在的朋友，400表示无效尝试。这样，响应甚至不需要是json对象，而是可以显示给用户的纯文本。

 <div class="text">
      <a class="author" id="2" href="javascript:void(0)">Send Request</a>
      <div id="result"></div> 
  </div>

..。

<script>

$('.author').click(function(){
  $.post('ajax-friend-request-url',{ 'id': this.id })
     .done(function(){
           $(this).hide();
           $('#result').css('background-color', 'green');                 
         })
     .fail(function(){
           $('#result').css('background-color', 'red');                
         })
     .always(function(data){
           $('#result').text(data);
         });
    });
</script>

http_response_code ([ int $response_code ] )是可用于设置状态头部的php函数