原生如何将ajax获取的数据渲染到界面

我已经获取到了数据但是我将数据渲染到界面，我想把json文件里的代码转换为帖子的形式。

那你就得操作dom元素 写css样式来循环编写html

给文本框定义ID属性

document.getElementById("控件id").value = json文本内容；

json对象数组map下生成每个数据项的模板html代码，然后添加到容器里面

按照题主示例结构大概写了个示例

<div id="dvMessage"></div>
<script>
    //示例数据，题主要注意改为ajax获取到的数据，如果为字符串要JSON.parse转对象
    var data = [{ touxiang: 'img/touxiang1.jpeg', nickname: '天天开心1', textCon: '我读书都比你们厉害1', imgCon: 'img/img3.jfif' },
        { touxiang: 'img/touxiang1.jpeg', nickname: '天天开心2', textCon: '我读书都比你们厉害2', imgCon: 'img/img3.jfif' },
        { touxiang: 'img/touxiang1.jpeg', nickname: '天天开心3', textCon: '我读书都比你们厉害3', imgCon: 'img/img3.jfif' }];
//题主注意改下面为每个评论需要的HTML结构
    var s = data.map(item => `
<img src="${item.touxiang}" alt="touxiang"/>${item.nickname}<br>
${item.textCon}
<img src="${item.imgCon}" alt="imgCon"/>`).join('');


    //注意改这里容器的ID值
    document.getElementById('dvMessage').innerHTML += s;
</script>

有帮助或启发麻烦点下【采纳该答案】，谢谢~~有其他问题可以继续交流~