加载Cakephp的视图并将它们发送到我的Phonegap项目

时间:2016-02-11 15:29:21

标签: javascript json cordova cakephp cakephp-2.6

我正在使用服务器端的Cakephp 2.6.0和客户端的PhoneGap 5.4.1处理应用程序,JSON作为访问服务器端的中间件。

我想问一下是否可以加载views的内容,使用JSON将它们发送到客户端并使用JavaScript显示它们?如果是的话,我该怎么办? 任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

我认为最好的方法是将Cordova / PhoneGap应用程序用作客户端(视图),将CakePHP用作服务器端(模型和控制器)。从PhoneGap应用程序,您可以通过ajax与CakePHP应用程序进行通信,以共享数据或进行一些CRUD操作。

我尝试提供一些灵感,并向您展示如何通过将userId从您的cordova应用程序传递到cakephp来获取用户数据:

  

重要提示:我在这个例子中已经完成了身份验证部分。更多   信息见CookBook 2.x - Authentification

Cordova / Phonegap:

document.addEventListener('deviceready', onDeviceReady, false);

function onDeviceReady() {    

   $.ajax({
      url : 'www.yourUrl.com/YourAppName/users/view/1', // 1 => userId
      data : {},
      dataType : 'json',
      success : function(result) {
         // do something with the result
         // e.g. access user name: result['User']['name'];
      },
      error : function(xhr, status, err) {
         // do something on error
      }
   });
}

CakePHP的:

class UsersController extends AppController {

    public $name = 'Users';

    public function beforeFilter() {
        parent::beforeFilter();
        $this->Auth->allow('view');
    }

    public function view($userId = null){
        $this->autoRender = false;

        // use $this->Auth->User('id') insted of $userId 
        // as soon as you have implimented the user authentification
        $user = $this->User->findById($userId);
        echo json_encode($user); 
        die;
    }
}

修改

如果您想以json的形式获取视图内容,请查看derEuroMark博客中的此示例。他创建了一个AjaxView,负责将内容映射到JSON结构,并自动尝试通过" ajax"在ctp中呈现简单的HTML模板代码。子文件夹(View / ControllerName / ajax / favorites.ctp)。链接:AjaxView