首页新建一个html页面，并将后端返回的html格式的数据显示到新页面的代码怎么写

新建一个html页面，并将后端返回的html格式的数据显示到新页面的代码怎么写

时间: 2023-05-23 14:03:20 浏览: 584

在 HTML 页面中，可以使用 JavaScript 来向后端发送请求，获取数据并将其显示在页面上。以下是一个基本示例代码： ``` <!DOCTYPE html> <html> <head> <title>显示后端数据</title> </head> <body> <div id="content"></div> <script> // 发送请求 var request = new XMLHttpRequest(); request.open('GET', '后端地址'); request.responseType = 'text'; request.send(); // 监听请求状态变化 request.onreadystatechange = function() { if (request.readyState === XMLHttpRequest.DONE) { if (request.status === 200) { // 将后端返回的数据显示在 div 中 var contentElem = document.getElementById('content'); contentElem.innerHTML = request.response; } else { console.log('请求失败！'); } } } </script> </body> </html> ``` 其中，`后端地址` 应该替换为后端返回数据的接口地址，`content` 是将数据显示的 div 的 id。当请求状态变为 `DONE` 后，如果请求成功，将后端返回的数据赋值给 `contentElem.innerHTML` 即可。

阅读全文