如何用JS在HTML页面中显示PHP页面内容？

php页面内容在html页面中通过js调用

如何通过js脚本在html页面中显示php页面内容？

要将php页面内容显示在html页面中，可以使用ajax（异步javascript和xml）技术，它允许在不重新加载整个页面的情况下与服务器通信。

步骤：

1. 在php页面中，准备要发送给html页面的数据（例如，将数据编码为json）。
2. 在html页面中，使用xmlhttprequest对象（ajax的核心对象）创建一个http请求来获取php页面返回的数据。
3. html页面中的js脚本侦听xmlhttprequest对象的onload事件。当收到响应时，它将php页面返回的数据注入到html页面中的特定元素中。

示例代码：

index.html（html页面）：

<script>
    const request = new xmlhttprequest();
    request.onload = function () {
        const data = json.parse(this.responsetext);
        document.getelementbyid('content').innerhtml = data.content;
    };
    request.open('get', 'data.php');
    request.send();
</script>
<div id="content"></div>

data.php（php页面）：

<?php
$data = array('content' => 'PHP页面中的内容');
echo json_encode($data);
?>

通过这种方法，html页面可以通过ajax向php页面发出请求，从php页面获取数据，并在html元素中动态地显示该数据。