Ionic Cordova Post 方法不起作用答案

【问题标题】：Ionic Cordova Post method not workingIonic Cordova Post 方法不起作用
【发布时间】：2017-08-02 06:45:45
【问题描述】：

我是混合应用程序开发的新手。我正在使用 Ionic cordova 来构建我的应用程序。我正在尝试在我的应用程序中调用 post 方法。

var url = "http://XXXXXXXXXXXXX.com/XXXX";
var headers = new Headers();
 headers.append("Accept",'application/json');
  headers.append('Content-Type','application/json');
   let options = new RequestOptions({headers : headers});

   let postParams = {
     Name: this.imagename,
     StartDate: this.adstartdate,
     EndDate: this.adEnddate,
     UploadName:this.imagename
  }

// 上面的代码(postParams) 没有附加下面的代码。

 this.http.post(url,postParams,options)
 .subscribe(data =>{
   console.log(data['_body']);
   alert('Sucess Enter'+ data['_body']);
   this.jsonvalue = JSON.stringify(data['_body']);


    alert('Json Value : '+ this.jsonvalue);

 },error =>{

   console.log(error);
   alert('Fail');
 }

我想知道我在这段代码中做错了什么。请忽略我的语法错误。

【问题讨论】：

您是否遇到过任何错误或错误代码，例如 500 或 404？
不，我没有收到任何错误代码。
@hrdkisback 能够访问 api，但无法附加标题
你在哪里设置postParams的字段？
@suraj let postParams = { Name: this.imagename, StartDate: this.adstartdate, EndDate: this.adEnddate, UploadName:this.imagename } 其中 API 的键：Name,StartDate,EndDate,UploadName

标签： angular cordova typescript ionic2 visual-studio-code

【解决方案1】：

您需要发送 RequestOptions 对象作为 post 方法的参数。

示例：

import {RequestOptions} from '@angular/http'

然后

    let opt1 = new RequestOptions({
               Name: this.imagename,
               StartDate: this.adstartdate,
               EndDate: this.adEnddate,
               UploadName:this.imagename
               });

使用上述选择http请求

this.http.post(url,postParams,opt) //here
 .subscribe(data =>{
   console.log(data['_body']);
   alert('Sucess Enter'+ data['_body']);
   this.jsonvalue = JSON.stringify(data['_body']);


    alert('Json Value : '+ this.jsonvalue);

 },error =>{

   console.log(error);
   alert('Fail');
 }

【讨论】：