Angular2 Post zum Webservice

Question

constructor(platform: Platform, public http: Http) { 
    this.platform = platform; 
    this.headers = new Headers(); 
    this.headers.append('Content-Type', 'application/x-www-form-urlencoded'); 
} 



send(subject, body) 
{ 
    var body = "subject=" + subject + "&body=" + body; 

    let result = this.http.post('http://172.16.2.115:3004/message', 
     body, 
     { 
      headers: this.headers 
     }); 


    console.log(body); 
    console.log(this._apiUrl); 

    return result;   
} 

Ich versuche, eine Nachricht an einen Ruby on Rails-Webdienst mit Ionic2 und Angular2 Beta zu senden. Der Web-Service funktioniert gut, das Problem ist, dass die ionische App scheint, die Nachricht zu veröffentlichen. Sieht das richtig aus?

Answer 1

Sie müssen subscribe() sonst wird keine Anfrage

send(subject, body) 
{ 
    var body = "subject=" + subject + "&body=" + body; 

    let result = this.http.post('http://172.16.2.115:3004/message', 
     body, 
     { 
      headers: this.headers 
     }) 
    .subscribe(res => { 
     this.comments = res.json(); 
     console.log(body); 
     console.log(this._apiUrl); 

     // no effect here 
     // return result;    
    }); 
} 

Sie müssen den Code bewegen gesendet werden, die die repsonse in subscribe() verarbeitet Andernfalls wird es ausgeführt, bevor die Antwort eintrifft. Sie können das Ergebnis nicht zurückgeben, Sie können das Observable nur für eine andere Person zum Abonnieren zurückgeben.

send(subject, body) 
{ 
    var body = "subject=" + subject + "&body=" + body; 

    return this.http.post('http://172.16.2.115:3004/message', 
     body, 
     { 
      headers: this.headers 
     }); 
    .map(res => { 
     this.comments = res.json(); 
    }); 
} 

this.send.subscribe(res => { 
    console.log(body); 
    console.log(this._apiUrl); 
}); 

Answer 2

Sie müssen beobachtbaren abonnieren, um es seit Observablen faul sind, machen auszuführen.

Wenn Sie das Ergebnis an den Aufrufer zurückkehren möchten, können Sie innerhalb des Rufmethode abonnieren. Vergessen Sie nicht, dass die Anfrage asynchron ausgeführt wird, sodass Sie die Antwortdaten in dem in der subscribe-Methode angegebenen Rückruf erhalten.

this.service.send(asunto, cuerpo).subscribe((result) => { // <------ 
    // do something with the result 
}); 

In diesem Fall wird die send Methode kann gleich bleiben:

send(asunto, cuerpo) { 
    var body = "subject=" + asunto + "&body=" + cuerpo; 

    return this.http.post(this._apiUrl, 
    body, { 
     headers: this.headers 
    }).map(res => res.json()); 
} 

Wenn Sie daran interessiert, wie Sie Ihren Code organisieren mit einem HTTP-Dienst zu interagieren, können Sie einen Blick auf diese Frage:

• How to Consume Http Component efficiently in a service in angular 2 beta?

Außerdem könnten Sie die URLSearchParams Klasse nutzen Sie Ihre Form Inhalte buld:

let content = new URLSearchParams(); 
content.set('subject', asunto); 
content.set('body', cuerpo); 

var inputPayload = content.toString();