Web应用程序:在PHP和Javascript-AJAX之间组合视图层

时间:2014-06-23 04:53:46

标签: javascript php ajax codeigniter web

我正在使用带有CodeIgniter MVC框架的PHP开发Web应用程序,并且具有巨大的实时客户端功能需求。这是我第一次构建大规模的客户端应用程序。所以我在一个项目中将PHP与大规模的Javascript模块结合起来。

正如您所知,MVC框架将应用程序模块分离为模型 - 视图 - 控制器。

我关注的是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?

1 个答案:

答案 0 :(得分:1)

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

您拥有5个街区,最新用户,最新新闻,最新评论,食谱和优惠的页面。每个块都有自己的数据。现在,如果您使用该方法获取控制器中的所有数据并将其传递给视图,它将正常工作,并且没有这种方法的副作用。

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

如果你谷歌,那么你会发现更多的理由。

我希望这会有所帮助。