前端获取后端的json数据并显示到html里，的具体步骤和代码

1. 使用XMLHttpRequest或Fetch API来发送请求，获取后端的json数据。代码如下：

使用XMLHttpRequest：

let xhr = new XMLHttpRequest();
xhr.open('GET', '后端url');
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        let response = JSON.parse(xhr.responseText);
        // 在此处处理获取到的json数据
    }
};
xhr.send();

使用Fetch API：

fetch('后端url')
    .then(response => response.json())
    .then(data => {
        // 在此处处理获取到的json数据
    });

2. 在处理获取到的json数据的回调函数中，将数据显示到html页面中。代码如下：

let container = document.getElementById('container');
for (let i = 0; i < response.length; i++) {
    let item = response[i];
    let div = document.createElement('div');
    div.innerHTML = item.name;
    container.appendChild(div);
}

其中，`container`是HTML页面中的一个元素，用于显示获取到的json数据，`response`是从后端获取到的json数据。在循环中，将每个数据项的`name`属性显示到一个新的`div`元素中，并将该`div`元素添加到`container`元素中。