如何使用 Ajax 和 PHP “刷新”页面内容

Question

我目前在一个项目中工作，我想我不太了解 ajax 的工作原理。

这就是我想要做的。

我有一个页面（list.php），默认情况下会呈现成员列表（带有图片等，因此 HTML 有点重）。

我还有一个过滤器，所以当我单击过滤器按钮时，我想在数据库查询中使用该过滤器更改内容。

我知道我可以使用 jQuery $.ajax 将过滤器值发送到 EXTERNAL (updatelist.php) 文件，运行查询并将内容返回为 json，然后使用 $.each呈现新的页面内容。

我的问题是：没有其他方法可以做到这一点吗？也许通过将文件（updatelist.php）包含到主页（list.php）中来在页面加载时运行php函数，然后当我单击过滤器按钮将ajax请求发送到同一个（list.php）时，只有php函数名？

我试过了，但是 php 代码根本没有运行，所以我想我对 php 的工作原理有一个模糊的了解。

我的猜测是加载到一个页面中的 php 仅在页面加载时执行，我无法再次运行它，所以我必须有一个呈现内容的外部文件。

有人能把这一切都清除吗？

你知道我确实搜索了一个答案，但所有人都说了同样的话，我需要 ajax 但没有人完全回答我的问题。

感谢您的宝贵时间。

代码：

$('.test').click(function() {
var data = [];
data.push({name: 'functionName', value: "functionName"});

$.ajax({ 
  type: 'POST', 
  url: '/list.php',
  data: data,
  dataType: 'text',
  success: function(html) { 

  }, error : function(e){
    alert("ajax error");
  }

}).done(function(done) {
});
});

HTML/PHP：

<a class="test">test</a>
<?php
   include ( $_SERVER['DOCUMENT_ROOT'] . "/updatelist.php");
?>

updatelist.php 内容

if ( isset($_POST["functionName"]) ) {
    functionName();
}

Answer 1

我的猜测是加载到一个页面中的 php 只在页面上执行 加载，我不能再次运行它，所以我必须有一个外部文件 呈现内容。

完全正确。 PHP 在服务器端 上运行。 例如：用户请求list.php

• Webserver 收到来自客户端的请求
• Webserver获取.php文件，解析<?php ?>之间的所有内容，并将输出写入文件中（当然不是原来的，这个例子只是为了让你基本了解它的工作原理）李>
• 然后，网络服务器将解析后的文档发送给客户端，其中没有任何 PHP 代码，只有原始 HTML 和 JavaScript

您可能会问为什么 PHP 代码也没有被发送。对此有任何简单的解释：由于 PHP 执行服务器端的工作，它还执行连接到数据库等操作。现在想象一下，如果数据库连接也将发送到客户端。他只需要将文件保存到他的硬盘驱动器，用文本编辑器打开它，他就可以看到您的整个数据库连接详细信息，包括密码。

AJAX 现在所做的是将第二个请求发送到服务器，在那里它可以处理请求的信息（可能再次连接到数据库）并将其发送回客户端（以 JSON 格式）。 在客户端，JSON 数据再次被 JavaScript 解析并显示在页面上。

您不喜欢使用 AJAX 是否有特定的原因？它非常强大，您可以使用它创建一个高度动态的页面。 也许给我们更多你想要做的细节，我相信有一个解决方案，甚至可能使用 AJAX ;)

Answer 2

您可能会链接到同一个文件，但您为什么要这样做？将 json 放在不同的文件中不是更好吗？

这样做；你可以使用$_GET[] 变量，比如$_GET['json']。在 list.php 文件的顶部，添加：

if(isset($_GET['json'])){
  //show JSON results from 'updatelist.php'

  exit;
}

然后在您的 AJAX 调用链接中指向“list.php?json=true”，它应该可以工作。

Answer 3

是的，还有另一种方法， 虽然我强烈建议解析 Json 并构建内容，但由于您将拥有更多控制权，您可以绑定事件等。 如果你想要更新一个 div，你可以只获取一个只有 div 的 php 文件并替换内容。

假设你有一个 div #myDiv 你可以使用 jquery 加载

$("#myDiv").load("/phpWithJustDivOnIt.php?someQueryParamIfYouneed");

这会将处理后的 php 文件的内容放入 div 中