仅使用 HTML 文件通过 JavaScript/Jquery 使用 PHP 文件

Question

我正在探索网页设计中的几种编程风格。但它突然出现在我的脑海中。可以在 HTML 文件上使用 JQuery/JavaScript 读取 PHP 文件吗？一个例子。我会在 index.html 页面中使用 $.ajax 打开 login.php。注意示例中的扩展

Answer 1

Calvin！，您的问题确实不清楚！
表示努力很少......

根据所有cmets的阅读，我可以举例回答这个问题：

在test.html 文件中：

<span>TEST</span><br>
<?php
echo "PHP works.";
?>

输出：

测试

但test.php 文件输出中完全相同的代码：

测试
PHP 工作。

---

现在 在 test2.html 文件中使用 jQuery 异步访问单独的 PHP 文件。

假设这个基本ajax-requested-file.php的内容是：

<span>Ajax content!</span>

如果你像这样从test2.html 文件中调用它：

<span>TEST#2 using Ajax</span><br>
<div id="ajaxResult"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script>
$.ajax({
  url:"ajax-requested-file.php",
  data:"",
  method:"post",
  success:function(html){
    $("#ajaxResult").html(html);
  }
});
</script>

它输出：

测试#2 使用 Ajax
Ajax 内容！

请注意，如果您真的很专心...
您会注意到第一行和第二行出现之间存在毫秒延迟。
喜欢这里：https://www.bessetteweb.com/SO/43795339/test2.html

Answer 2

从技术上讲，您可以将 PHP 文件发送到客户端，但浏览器无法执行 PHP 代码，因此向客户端提供 php 脚本毫无意义。

如果您正在寻找正确的网站架构，您应该研究单页架构风格。使用它，您只需为您的站点创建一个 HTML 页面并通过 ajax 请求加载任何其他内容。要更改页面内容，您需要依赖 js 框架来动态操作 html DOM 树。

请注意，您不必对单个页面要求严格。您也可以在应用程序中为少数逻辑上不同的页面应用相同的样式。

要了解更多信息，请参阅 this article 和 this answer。