在现代web开发中，数据的传输与交换通常使用JSON格式。如何在前端页面中使用JavaScript获取其中的数据，成为了一个基本而重要的技能。 要获取JSON数据中的每一条文章，可以使用JavaScript中的XMLHttpRequest对象（简称XHR）。 首先，需要创建一个XHR对象，并指定要获取数据的链接地址（URL）。例如：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/articles.json', true); 

其中，第一个参数表示http方法（GET或POST），第二个参数是数据链接的地址，最后一个参数则指定要使用异步方式获取数据。 接着，可以添加一个回调函数，用于处理XHR对象返回的数据。通常，我们将JSON格式的数据作为字符串（String）获取，之后再使用JSON.parse()方法将其转换为JavaScript对象。

xhr.onload = function() {
  if (xhr.status === 200) { // 如果请求成功
    var articles = JSON.parse(xhr.responseText);
    for (var i = 0; i < articles.length; i++) {
      document.write('
' + articles[i].title + '
');
      document.write('
' + articles[i].content + '
');
    }
  }
}; 

在回调函数中，我们可以使用document.write()将每一条文章的标题和内容按照HTML格式输出到页面中，用p标签作为段落的标识符。 最后，记得发送XHR请求：

xhr.send(); 

这样，就可以获取JSON数据中的每一条文章，并将其以HTML格式展示在页面中了。当然，使用XHR获取JSON数据只是其中的一种方式，还可以使用fetch()、jQuery等方法实现。