PHP前端开发

如何用JavaScript显示PHP页面内容?

百变鹏仔 4个月前 (12-15) #PHP
文章标签 如何用

通过 javascript 脚本调用显示 php 页面内容

在 html 页面中调用 php 页面内容,可以通过使用 javascript 中的 ajax 技术。

具体操作步骤如下:

  1. 在 html 页面中,创建一个 <script> 标签,并将其 src 属性设置为 php 页面的 url。例如:</script>
<script src="a.php"></script>
  1. 在 php 页面中,使用 echo 函数输出要显示在 html 页面中的内容。例如:
<?phpecho "这是从 php 页面显示的内容。";?>
  1. 在 html 页面中,使用 xmlhttprequest 对象发送 ajax 请求。例如:
var xhr = new XMLHttpRequest();xhr.open("GET", "a.php", true);xhr.onload = function() {  if (xhr.status === 200) {    // 请求成功,处理响应    var response = xhr.responseText;    document.getElementById("content").innerHTML = response;  } else {    // 请求失败,处理错误    console.error("Error: " + xhr.status);  }};xhr.send();

在上述代码中,content 是 html 页面中用于显示响应内容的元素的 id。

立即学习“PHP免费学习笔记(深入)”;

  1. 响应数据会在 xhr.responsetext 中返回。可以将其分配给 html 页面中的元素,以便在页面中显示。

通过遵循这些步骤,您可以使用 javascript 脚本调用并显示 php 页面中的内容。