2017-02-10 16 views
0

私は反応エクスプレスプロジェクトに取り組んでいます。APIの理解と使用

バックエンドでは、私/ API /ルートに関する情報をストリームする小さなAPIを作成しました。単なるJSONオブジェクトです。

私のフロントエンドにその情報を入力して使用する方法はわかりません。

私は学習練習としてこのプロジェクトを使用しています。以前はAPIを使用していません。

私の主な問題(私は思う)は、英語は私の母国語ではないということです。だから私はこの問題をGoogleにしようとすると、私はおそらく正しい言葉を使用していないので、すべての種類の結果を得る。

助けていただけたら幸いです!

答えて

0

通常、JSON HTTPリクエストを使用してデータを取得します。 JSON形式の応答を返すルート/API/myDataがあるとします。あなたのサーバーコードは以下のようになります:

app.get('/API/myData', function(request, response) { 
    response.json(myData); 
}); 

あなたの反応アプリで、このデータをリクエストライブラリで取得できます。 requestと例えば:

var request = require('request'); 
request('localhost/API/mydata', function (error, response, body) { 
    if (!error && response.statusCode == 200) { 
     var result = JSON.parse(body); // here is your JSON data 
    } 
}); 

それはちょうど出発点です。あなたはそれに精通するために、明示的な例、要求例、および他の同様のライブラリを見ておくべきです。

0

私はここでwindow.fetchを使用しています(これは、すべてのブラウザではまだサポートされていませんが、これが最も簡単なものです)。また、jQueryのajax関数または任意の数のものを使用することができます。

fetch('https://httpbin.org/ip') 
 
    .then(data => data.json()) 
 
    .then(json => document.getElementById('your-ip').innerHTML = json.origin)
Your IP is: <div id="your-ip"></div>

関連する問題