Retrieve a JSON array from a web server using JavaScript.

Question

My server is set to respond to `GET/api/ articles` with **exactly** the following JSON:

```json
[
   { "title" : "Lorem Ipsum", "category" : "News", "author" : "Chuck Norris" },
   { "title" : "Dolor Sit", "category" : "News", "author" : "Bruce Lee" },
   { "title" : "Amet Enebet", "category" : "Sport", "author" : "Ip Man" }
]
```

Which of the following code(s) will correctly retrieve this JSON array in the final`data` variable from a web browser?

Accepted Answer

```javascript
fetch('/api/articles').then(res => res.json()).then(data => console.log(data));
```

Accepted Answer

```javascript
var request= new XMLHttpRequest();
request.open('GET', '/api/articles', true);
request.onload = function() {
    if(request.status >= 200 && request.status < 400) {
        var data = JSON.parse(request.responseText);
        console.log(data);
    }
};
request.send(null);
```

Answer

```javascript
var script = document.createElement('script');
script.src = '/api/articles?callback_func=cb';
document.body.appendChild(script);

function cb(data) {
    console.log(data);
}
```

Answer

```javascript
http.get({ path: '/api/articles' }, function(res) {
    var data = '';
    res.on('data', function(d) {
        data += d;
    });
    res.on('end', function() {
        data = JSON.parse(data);
        console.log(data);
    });
});
```

Question from the Javascript test

Retrieve a JSON array from a web server using JavaScript.