Angular 2 TypescriptとAJAXでSPARQLクエリを送信

Question

私はSPARQLでDBPediaに問い合わせています。クエリは正常に動作します。今私はAngular 2 Projectでこのクエリからデータを取得したいと思っています。これをAJAXで行う必要があります。指定されたメソッドは次のようになります：getSPARQLTypes(): void {} AJAXとTypescriptでSPARQLを使用する方法はわかりません。

Answer 1

フレームワークで提供されているサービスのサービスを使用できます。

他の投稿に記載されているリクエストは、このようになります。

import { Component } from '@angular/core'; 
import { Http, RequestOptionsArgs, Headers, URLSearchParams } from '@angular/http'; 
import 'rxjs/add/operator/map' 

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.css'] 
}) 
export class AppComponent { 
    private sparkqlData = null; 
    constructor(private http: Http) { } 

    sparkql() { 
    let headers: Headers = new Headers({ 
     'Content-type': 'application/x-www-form-urlencoded', 
     'Accept': 'application/json' 
    }); 

    let params = new URLSearchParams(); 
    params.append('query', 'SELECT * WHERE { <http://dbpedia.org/resource/Awolnation> ?pref ?obj } LIMIT 10'); 
    params.append('format', 'json'); 

    let options: RequestOptionsArgs = { 
     headers: headers, 
     params: URLSearchParams 
    }; 

    this.http.get('http://dbpedia.org/sparql', options) // 1 
     .map(response => response.json()) 
     .subscribe(data => { 
      console.log(data); 
      this.sparkqlData = data; // 3 
     }); 
    console.log(this.sparkqlData); // 2 
    } 
} 

あなたは後でそれで動作しますが、要求が非同期であり、あなたが期待するかもしれないとして、それが変数で満たされないことを心に留めておくべき日付を保存することができます。

ステートメントの実行順にコメントを追加しました。