Jsonp Angular2 Error CallBack

Question

In my Angular2 App i call API EndPoint with a service

this.jsonp.request(middlewareUrl, { method: 'Get' })
            .subscribe(
                (data) => {
                    console.log(data);
                },
                (error) => {
                    console.log(error);
                });
      console.log("post data");

  }

and recive this response :

Response_body: "JSONP injected script did not invoke callback."headers: Headersok: truestatus: 200statusText: "Ok"type: 3url: "http://localhost:4000/matches?callback=__ng_jsonp__.__req0.finished"__proto__: Bodyconstructor: Response(responseOptions)toString: ()__proto__: Object

the endPoint return this:

_todayMatchesCallback({"matchlist":["match1","match2",ecc]}).

can we have any idea or solution for this error?

Marcin Raczkowski · Accepted Answer · 2017-01-12 11:56:23Z

1

The reason is because the returned callback does not match the requested one.

Angular2 is expecting the __ng_jsonp__.__req0.finished it passed in callback param in request.

But instead the _todayMatchesCallback is returned. You must either modify the middleware/backend to respect the callback param.

answered Jan 12, 2017 at 11:56

Marcin Raczkowski

1,6911 gold badge19 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Andre Dutto Over a year ago

i call this URL localhost:4000/matches?callback=JSONP_CALLBACK, i must change the middleware for return callback instead _todayMatchesCallback ?

Marcin Raczkowski Over a year ago

That's correct. You need to return callback passed as parameter instead of the _todayMatchesCallback. Also since you're new, if the answer is correct please remember to upvote it and accept :)

Collectives™ on Stack Overflow

Jsonp Angular2 Error CallBack

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related