AJAX向第三方REST api发布请求

时间:2016-08-22 14:04:24

标签: angularjs rest laravel teamwork-projects

。我使用laravel后端作为API和角度作为前端调用laravel api。 Laravel api通过使用curl的基本身份验证访问团队api。

现在我正在与团队合作Api合作。尝试使用API​​创建评论。 API文档描述了以下内容。

    {
  "comment": {
    "body": "Reply to earlier comment",
    "notify": "",
    "isprivate": false,
    "pendingFileAttachments": "",
    "content-type": "TEXT"
  }
}

// ref:http://developer.teamwork.com/comments#creating_a_commen

在我的ajax调用中我使用了以下

  var data = $.param({
    'body' : commentBodyValue,  //variable
    'notify': "",
    'isPrivate':false,
    "pendingFileAttachments": "",
    "content-type": "TEXT"
  });

我的帖子没有给出错误,但它也没有创建新的评论。我错过了什么?我想我没能根据api允许的格式安排数据。你能帮我解决一下吗?

编辑:

角度控制器:

//add new comment
$scope.addComment = function(taskId,commentAuthorId)
{
  var commentBod  = document.getElementById("commentBody");
  var commentBodyValue = commentBod.value;
  console.log("new comment : "+ taskId + commentBodyValue);
  //submit the post request
  //$http.post();
  //using jquery function param to serialize 
  var data = $.param({
    'body' : commentBodyValue,
    'notify': "",
    'isPrivate':false,
    "pendingFileAttachments": "",
    "content-type": "TEXT"
  });
  var config = {
      headers : {
          // 'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;',
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
  }
  var url = "http://abounde.com/portal/api/post_comment/"+taskId;
  $http.post(url,data,config)
  .then(
    function(response){
      //success
      console.log("response : Submitted :D  " + response);
    },
    function(response){
      //failure
      console.log(response);
    }
  );

}

编辑2

Laravel路线和控制器 的路线:         //发表对资源的评论         路线::交( 'post_comment / {TASK_ID}',[             '使用'=> 'PortalController @ postComment',             '作为'=> 'portal.client.postComment'         ]);

控制器:

    //post comment at task
        public function postComment(Request $request, $task_id)
        {
            $secretApiKey = $request->session()->get('secretApiKey');
            if(!empty($secretApiKey)){
            //post the msg
                $this->callTeamworkApi($secretApiKey,"tasks/".$task_id."/comments.json");

            }else{
                return response()->json(['response'=>"Not Logged In"]);
            }           
        }


//authentication method

    public function callTeamworkApi($secretApiKey, $apiCallString)
    {
            //cURL
        $password = "xxx";
        $channel = curl_init();
        //options
        curl_setopt($channel, CURLOPT_URL, "http://projects.abounde.com/".$apiCallString); // projects.json?status=LATE gets all late projects
        curl_setopt($channel, CURLOPT_HTTPHEADER,
                    array(
                      "Authorization: Basic " . base64_encode($secretApiKey . ":" . $password)
        ));


        $msg = curl_exec($channel);
        curl_close($channel);
        return response()->json(['res'=>$msg]);

    }

编辑3:与团队合作Api支持联系。 根据他们的建议,我提出了以下代码

  //post comment at task
    public function postComment(Request $request, $task_id)
    {
        $secretApiKey = $request->session()->get('secretApiKey');
        if(!empty($secretApiKey)){

        //post the msg
            $comment=array();
            // $comment['body']=$request->input('body');
            // $comment['notify']=$request->input('notify');          
            // $comment['isprivate']=$request->input('isprivate');
            // $comment['pendingFileAttachments']=$request->input('pendingFileAttachments');
            // $comment['content-type']=$request->input('content-type');


            $comment['comment']['body']="test";
            $comment['comment']['notify']="";
            $comment['comment']['isprivate']=false;
            $comment['comment']['pendingFileAttachments']="";
            $comment['comment']['content-type']="text";


            $this->callTeamworkPostApi($secretApiKey,"tasks/".$task_id."/comments.json",json_encode($comment));
            //var_dump($comment);
            //return response()->json(['response'=>"Trying"]);
        }else{
            return response()->json(['response'=>"Not Logged In"]);
        }           
    }
}

///

  public function callTeamworkPostApi($secretApiKey, $apiCallString,$comment)
{
        //cURL
    $password = "xxx";
    $channel = curl_init();
    //options
    curl_setopt($channel, CURLOPT_URL, "http://projects.abounde.com/".$apiCallString); // projects.json?status=LATE gets all late projects
    curl_setopt($channel, CURLOPT_HTTPHEADER,
                array(
                  "Authorization: Basic " . base64_encode($secretApiKey . ":" . $password)
    ));
    curl_setopt($channel, CURLOPT_CUSTOMREQUEST, "POST");                                                                     
    curl_setopt($channel, CURLOPT_POSTFIELDS, $comment);


    $msg = curl_exec($channel);
    curl_close($channel);
            var_dump($msg);
    //return response()->json(['res'=>$msg]);


}

var_dump($ comment)给出

string(107) "{"comment":{"body":"test","notify":"","isprivate":false,"pendingFileAttachments":"","content-type":"text"}}"

然而,api仍然不保存评论。它必须是卷曲方法问题。正确?

编辑4: 我做了一个var_dump(curl_getinfo($ channel));

这给了我以下回应。

array(26) { ["url"]=> string(55) "http://projects.abounde.com/tasks/8199861/comments.json" ["content_type"]=> NULL ["http_code"]=> int(500) ["header_size"]=> int(229) ["request_size"]=> int(311) ["filetime"]=> int(-1) ["ssl_verify_result"]=> int(0) ["redirect_count"]=> int(0) ["total_time"]=> float(0.5) ["namelookup_time"]=> float(0) ["connect_time"]=> float(0.109) ["pretransfer_time"]=> float(0.109) ["size_upload"]=> float(107) ["size_download"]=> float(0) ["speed_download"]=> float(0) ["speed_upload"]=> float(214) ["download_content_length"]=> float(0) ["upload_content_length"]=> float(107) ["starttransfer_time"]=> float(0.5) ["redirect_time"]=> float(0) ["redirect_url"]=> string(0) "" ["primary_ip"]=> string(13) "23.23.184.208" ["certinfo"]=> array(0) { } ["primary_port"]=> int(80) ["local_ip"]=> string(11) "192.168.0.6" ["local_port"]=> int(31657) }

响应代码500可能表明团队合作存在某种内部问题。

2 个答案:

答案 0 :(得分:1)

我发现的问题是你没有将你从前端收到的评论数据传递给callTeamworkApi()中的curl请求。尝试下面的代码,看看你是否得到了你想要的输出

var array = ['13', '4', '1', '1', '4', '2', '3', '4', '4', '1', '2', '4', '9', '3'];

function frequentNumber(arr) {
   var result = [],
       result2 = [];

   sorted_arr = arr.sort();

    console.log(sorted_arr);
    n=1;
    buffer = [];

    for (var i = 0; i < sorted_arr.length; i++) {

        if (sorted_arr[i + 1] === sorted_arr[i]) {
            n++;
        }else{

            if(buffer.length != 0 ){
                for(var j = 0; j < buffer.length; j++){

                    if(buffer[j] < n){
                        result = sorted_arr[j] + " is " + n;
                    }
                }
            }else{buffer.push(n)}

            n=1;
        }
    }

//    console.log(Math.max.apply(Math, buffer));
    console.log(buffer);
}

frequentNumber(array); 

答案 1 :(得分:-1)

找到解决方案 在调用团队API时,必须将内容类型设置为Json。并且信息应该在头文件中。 header变量应该是一个多数组,它接受身份验证和内容类型信息。

def checkCardCommands(line):
    if line[0] == '0' or line[0] == '1':
        if line[1] == '0' or line[1] == '1' or line[1] == 'None':
            if line[2] == '0' or line[2] == '1' or line[2] == 'None':
                if line[3] == 'R' or line[3] == 'L':
                    if line[4] == '0' or line[4] == '1':
                        if len(line) == 5:
                            return True
                        else:
                            return False
                    else:
                        return False
                else:
                    return False
            else:
                return False
        else:
            return False
    else:
        return False

然后它就像魅力一样。

在创建评论后返回以下内容。

$headers = array();
$headers[] = "Authorization: Basic " . base64_encode($secretApiKey . ":" . $password);
$headers[] = "Content-Type: application/json";


    //pass it as variable
    curl_setopt($channel, CURLOPT_HTTPHEADER, $headers);