
在 html 页面中通过 javascript 脚本显示 php 页面内容
在实际开发中,有时我们需要在 html 页面中动态加载和显示来自 php 页面中的数据或内容。以下介绍了如何通过 javascript 脚本调用显示一个 php 页面里的内容:
使用 ajax(asynchronous javascript and xml)
传媒企业网站系统使用热腾CMS(RTCMS),根据网站板块定制的栏目,如果修改栏目,需要修改模板相应的标签。站点内容均可在后台网站基本设置中添加。全站可生成HTML,安装默认动态浏览。并可以独立设置SEO标题、关键字、描述信息。源码包中带有少量测试数据,安装时可选择演示安装或全新安装。如果全新安装,后台内容充实后,首页才能完全显示出来。(全新安装后可以删除演示数据用到的图片,目录在https://
ajax 是一种使用 javascript 在不重新加载整个页面情况下与服务器交换数据的技术。可以使用以下步骤通过 ajax 调用和显示 php 页面内容:
立即学习“PHP免费学习笔记(深入)”;
- 创建 html 页面:建立一个 html 页面,其中包含一个
- 处理 php 页面:在 a.php php 页面中,编写代码以生成 json 响应数据。
'value1', 'key2' => 'value2'];
// 将数据转换为 json
$json = json_encode($data);
// 发送响应
header('content-type: application/json');
echo $json;
?>- 解析 json 响应:在 html 页面的 javascript 函数中,解析来自 php 的 json 响应并更新 html 内容。
// 处理 JSON 响应
function loadPHP() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'a.php', true);
xhr.onload = function() {
if (xhr.status == 200) {
var data = JSON.parse(xhr.responseText);
// 在 HTML 中显示 data
document.getElementById('target_div').innerHTML = data.key1 + ' ' + data.key2;
}
};
xhr.send();
}










