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

时间:2013-12-22 09:41:37

标签: javascript php jquery ajax json

我想在Facebook上做一个MySQL,PHP,jQuery AJAX和基于JSON的朋友请求系统。 我已准备好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>

1 个答案:

答案 0 :(得分: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函数