Javascript AJAX XMLHttpRequest

Question

私はサーバレスポンスを読むためにJavascriptを使用しています。私は自分のページにスタイルを付けることができるように、サーバから与えられた情報をフィルタリングしたいと思います。

http://www.omdbapi.com/?t=pulp+fiction&y=&plot=short&r=json 

をし、この情報取得：次のAPIコールが提示され、私は情報のみタイトルとランタイムを表示するためにそのレスポンスからの情報をフィルタリングする必要が

{"Title":"Pulp Fiction","Year":"1994","Rated":"R","Released":"14 Oct 1994", 
"Runtime":"154 min","Genre":"Crime, Drama","Director":"Quentin Tarantino", 
"Writer":"Quentin Tarantino (story), Roger Avary (story), Quentin Tarantino", 
"Actors":"Tim Roth, Laura Lovelace, John Travolta, Samuel L. Jackson",...} 

を

<p id="Title">Movie title!</p> 
<p id="Runtime">Movie runtime!</p> 

apiへの呼び出しは、

xhttp.open("GET", "http://www.omdbapi.com/?t=pulp+fiction&y=&plot=short&r=json"+str, true); 
xhttp.send(); 

0です。

私は物事をたくさん読んだことがありますが、私はしたい、うんざりするいくつかの助けを働かせることはできません！おかげ

Answer 1

短い答え：サンプル実行

var xhr = new XMLHttpRequest(); 
xhr.onreadystatechange = function() { 
    if (xhr.readyState == XMLHttpRequest.DONE) { 
    // Step 1 below 
    var fullMovie = JSON.parse(xhr.responseText); 
    // Step 2 below 
    var movie = { title: fullMovie.Title, runtime: fullMovie.Runtime }; 
    // Step 3 below 
    document.getElementById('Title').innerText = movie.title; 
    document.getElementById('Runtime').innerText = movie.runtime; 
    } 
} 
xhr.open('GET', 'http://www.omdbapi.com/?t=pulp+fiction&y=&plot=short&r=json', true); 
xhr.send(null); 

：

1. JSONとしてresponseまたはresponseTextを解析：https://jsfiddle.net/mgjyv3q6/1/

   さて、 "長い答えは、" 基本的にあなたがしなければなりません。

2. 目的のフィールドを持つ新しいオブジェクトを作成します。
3. 取得した情報をUIでレンダリングします。

jQueryまたは他のライブラリを使用してDOM操作とAJAXリクエストを手助けすることを検討する必要があります。