用Angular 2 Typescript和AJAX提交SPARQL查詢

Question

我用SPARQL查詢DBPedia。查詢工作正常。現在我想在我的Angular 2 Project中從這個查詢中獲取數據。我們需要通過AJAX來做到這一點。給定的方法如下所示：getSPARQLTypes(): void {}我不知道如何在AJAX和Typescript中使用SPARQL。

Answer 1

您可以使用框架提供的Http服務來做到這一點。

您在其他帖子中描述的請求看起來像這樣。

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 
    } 
} 

您可以保存日期後用它來工作，但要記住，請求是異步的，這正如你所預料的變量不會被填充。

我用語句的執行順序添加了註釋。