javascript - 网络应用程序 : Combining View Layer Between PHP and Javascript-AJAX

Question

我正在使用 PHP 和 CodeIgniter MVC 框架开发 Web 应用程序，具有巨大的实时客户端功能需求。这是我第一次构建大规模的客户端应用程序。因此，我将 PHP 与大量 Javascript 模块结合在一个项目中。

正如您所知，MVC 框架将应用程序模块分为模型- View - Controller 。

我关心的是 View 层。

我可以通过在 Controller 上加载一些数据，通过 PHP 内置脚本标签在 DOM 上显示数据。否则，我可以使用 AJAX 来提取数据——仅将 Controller 视为服务——并通过 Javascript 显示它们。

这是一些可视化

我可以直接从 Controller 输入数据:

<label>Username</label> <input type="text" id="username" value="<?=$userData['username'];?>" /><br />
<label>Date of birth</label> <input type="text" id="dob" value="<?=$userData['dob'];?>" /><br />
<label>Address</label> <input type="text" id="address" value="<?=$userData['address'];?>" />

或者使用 AJAX 拉取它们:

$.ajax({
  type: "POST",
  url: config.indexURL + "user",                
  dataType: "json",
  success: function(data) { 
    $('#username').val(data.username);
    $('#dateOfBirth').val(data.dob);
    $('#address').val(data.address);
  }
});

那么，对于我的应用程序具有复杂的客户端功能，哪种方法更好？

另一方面，PHP-CI 有一个默认机制，可以直接从 Controller 获取数据，那么为什么要使用 AJAX？

Answer 1

Ajax 用于从远程服务器获取数据，无需刷新页面。您可以使用异步方式从服务器获取数据，因此页面看起来是交互式的。您的两种方法都很好并且可以为您工作。但为了向您解释这一点，让我通过一个例子来解释。

您的页面有 5 个区 block 、最新用户、最新新闻、最新评论、食谱和优惠。每个 block 都有自己的数据。现在，如果您使用该方法获取 Controller 中的所有数据并将其传递给 View ，它将正常工作并且不会产生这种方法的副作用。

另一方面，如果您使用ajax异步调用，首先会加载页面，然后javascript将显示一些数据加载指示器，并且将对所有这些 block 的服务器进行异步调用。当数据加载到各个 block 时，加载指示器将被隐藏。现在，通过这种方法，页面将是交互式的并且看起来很活跃。

如果你用谷歌搜索，你会找到更多原因。

我希望这会有所帮助。