aurelia aurelia-http-客户端jsonp

Question

I try to query an api which is not the same origin with the aurelia-http-client.

My code pretty simple :

import {HttpClient} from 'aurelia-http-client';

export class App {

    constructor(){

    console.log("constructor called");

        let url = 'http://localhost:8081/all';

        let client = new HttpClient();

        client
            .jsonp(url)
            .then(data => {
                console.log("datas");
                console.log(data);
            });

    }

}

Nothing happens, I can see in network that the url is called, my api engine logs an entry but I never enter in the "then" of the "promise"...

What's wrong ?

Update :

I give you some screenshots with catch

code source browser result

With JQuery on the same machine no problems.

Answer 1

After reading this post other jsonp case I try to add the work "callback" and now it works !!!

so call jsonp(url, 'callback')

client.jsonp(url, 'callback')

Thanks...

Answer 2

This may not be a direct answer but just a suggestion, I would rather use the aurelia API as I found it more consistent and stable.

just add it as plugin in you main :

.plugin('aurelia-api', config => {
      config.registerEndpoint('github', 'https://api.github.com/');
    }); 

and use it as: import {Endpoint} from 'aurelia-api':

@autoinject
export class Users{
  constructor(private githubEndpoint){
  }

  activate() {
    return this.githubEndpoint.find('users')
      .then(users => this.users = users);
  }
}

Source: https://aurelia-api.spoonx.org/Quick%20start.html