在 html 页面中通过 javascript 脚本显示 php 页面内容
在实际开发中，有时我们需要在 html 页面中动态加载和显示来自 php 页面中的数据或内容。以下介绍了如何通过 javascript 脚本调用显示一个 php 页面里的内容：
使用 ajax（asynchronous javascript and xml）
ajax 是一种使用 javascript 在不重新加载整个页面情况下与服务器交换数据的技术。可以使用以下步骤通过 ajax 调用和显示 php 页面内容：
立即学习“PHP免费学习笔记（深入）”；
创建 html 页面：建立一个 html 页面，其中包含一个 标签，如下所示：
// ajax 函数 function loadphp() { var xhr = new xmlhttprequest(); xhr.open('get', 'a.php', true); xhr.onload = function() { if (xhr.status == 200) { // 请求成功，处理来自 php 的响应 var data = json.parse(xhr.responsetext); // 在 html 中显示 data } }; xhr.send(); }
登录后复制处理 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();}
登录后复制
以上就是如何用JavaScript动态加载并显示PHP页面内容？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/1431324.html
