Access Api service using Ionic2 provider

Question

Can you tell me why I cannot access API service? It is working fine when I type it either on the browser or Postman.Why is it not working with ionic2 provider?

Provider:

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';

@Injectable()
export class EventData {
  data: any;

  constructor(public http: Http) {

  }

  getEventList(): any {
    if (this.data) {
      return Promise.resolve(this.data);
    }

    return new Promise(resolve => {
      this.http.get('https://mylink.com/admin/index.php?route=api/event')
        .map(res => res.json())
        .subscribe(data => {
          this.data = data;
          resolve(this.data);
        });
    });
  }

}

Exception:

error_handler.js:54 EXCEPTION: Response with status: 302 Found for URL: https://www.mylink.com/admin/index.php?route=api/event ErrorHandler.handleError @ error_handler.js:54 IonicErrorHandler.handleError @ ionic-error-handler.js:58 next @ application_ref.js:348 schedulerFn @ async.js:93 SafeSubscriber.__tryOrUnsub @ Subscriber.js:223 SafeSubscriber.next @ Subscriber.js:172 Subscriber._next @ Subscriber.js:125 Subscriber.next @ Subscriber.js:89 Subject.next @ Subject.js:55 EventEmitter.emit @ async.js:79 NgZone.triggerError @ ng_zone.js:333 onHandleError @ ng_zone.js:294 t.handleError @ polyfills.js:3 e.runTask @ polyfills.js:3 invoke @ polyfills.js:3

Update:

 getEventList(): any {
    return new Promise(resolve => {
      this.http.get('https://mylink.com/admin/index.php?route=api/event')
        .map(res => {
          console.log(res.headers.get('Location'));
          console.log(JSON.stringify(res.headers,null,2));
          return res.json();
        })
        .subscribe(data => {
          this.data = data;
          resolve(this.data);
        });
    });
  }

Heder detail

Postman Headers:

Cache-Control →no-store, no-cache, must-revalidate, post-check=0, pre-check=0
Connection →Keep-Alive
Content-Length →2811
Content-Type →application/json
Date →Tue, 14 Mar 2017 02:31:50 GMT
Expires →Thu, 19 Nov 1981 08:52:00 GMT
Keep-Alive →timeout=5, max=100
Pragma →no-cache
Server →Apache
X-Powered-By →PHP/5.6.26

are you getting the same headers in postman as well? then am not sure. — Suraj Rao, Mar 14 '17 at 06:48
please see the postman headers.On postman it shows json data even though it's having 302 error.any idea? @suraj — Sampath, Mar 14 '17 at 06:52
I think it is redirecting and giving headers of final response. Havent seen something like this for mobile app...worst case you can try using inAppBrowser? its a weird idea.. — Suraj Rao, Mar 14 '17 at 06:52

score 2 · Accepted Answer · edited May 23 '17 at 12:09

2

Response 302 is a redirect to a different URL. For more explanation regarding the response itself check this question and also this. In case of browsers, they handle the redirection directly. For your response if it is not possible to alter in the server side, you could get the redirect location in response.headers.location.

 return new Promise(resolve => {
      this.http.get('https://mylink.com/admin/index.php?route=api/event')
        .map(res => {console.log(res.headers.get('Location'));return res.json();})
        .subscribe(data => {
          this.data = data;
          resolve(this.data);
        });

edited May 23 '17 at 12:09

Community

1
1

answered Mar 14 '17 at 04:22

Suraj Rao

29,388
11
94
103

it gives this error here `res.headers.location`.compile time error: `Property 'location' does not exist on type 'Headers'`.do you know why? – Sampath Mar 14 '17 at 05:41
Location should be a property in headers..let me edit the answer – Suraj Rao Mar 14 '17 at 05:44
still the same error.please see the final code on Update section. – Sampath Mar 14 '17 at 06:06
can you add the log for `console.log(JSON.stringify(res.headers,null,2))`? – Suraj Rao Mar 14 '17 at 06:09
should be there..https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Location – Suraj Rao Mar 14 '17 at 06:10
no luck yet.now it gives `SyntaxError: Unexpected end of JSON input` error.please see the update. – Sampath Mar 14 '17 at 06:33
ok.. try printing directly `console.log(res.headers)`. Check if you have location there – Suraj Rao Mar 14 '17 at 06:36
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/137980/discussion-between-suraj-and-sampath). – Suraj Rao Mar 14 '17 at 06:40
generally the redirection is handled by browser.. not sure of how it should be _handled_ at server side..Since it works in browser the location is clearly being returned. – Suraj Rao Mar 14 '17 at 06:43
please see the `Heder detail` on my post. – Sampath Mar 14 '17 at 06:47
may be an issue on my endpoint.now all are working fine.Thanks for the support.Cheers :) – Sampath Mar 14 '17 at 07:52

Access Api service using Ionic2 provider

1 Answers1